/* Vendor */
/**
 * A prefix appended to all background-image URLs.
 */
/**
 * Colours common to the UI,
 */
/**
 * A mixin for performing a rotate transform across multiple browsers.
 */
/**
 * The modifier classes here are applied by the root node and indicate the
 * the state of the root node managing interactions (e.g dragging and resizing).
 */
/* line 27, vendor/assets/stylesheets/editor/content-edit.scss */
.ce--dragging,
.ce--resizing {
  /**
     * Prevent the user selecting any content in the page while we're dragging
     * or resizing.
     */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 42, vendor/assets/stylesheets/editor/content-edit.scss */
.ce--dragging {
  cursor: move        !important;
}

/* line 43, vendor/assets/stylesheets/editor/content-edit.scss */
.ce--resizing {
  cursor: nwse-resize !important;
}

/**
 * All editiable elements are assigned the .ce-element class. Modifiers are used
 * to identify the type of element (e.g image, text, list, etc.) and to indicate
 * state (e.g resizing, focused, etc.)
 */
/* line 53, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element {
  /* Types of element */
  /**
     * As image elements are represented as a `<div>` in the DOM we use the
     * background to display the image.
     */
  /**
     * Like images, video elements are represented as a `<div>` in the DOM,
     * unlike images there is source image to apply to the background, instead
     * we display a video icon in the background and use the after element to
     * display information about the video's source.
     */
  /* The various states for elements */
  /**
     * When an element that supports text content is empty (e.g '') some
     * browsers don't provide a height for the element and so it can appear to
     * disappear until the user adds content. To resolve this issue we use a
     * puesdo element to ensure the element contains content.
     */
  /* Element is being dragged */
  /**
     * Element is being dropped on to. Depending on the position of the element
     * being dragged over the element (the mouse cursor) the drop modifiers
     * provide a guide to the placement of the dragging element after it's
     * dropped.
     */
  /*
    Table rows cannot be handled in the same way as other elements for drop
    styling and instead they must only use a background image.
    */
  /**
     * Element has focus `--focused` (only one element can have focus) or the
     * mouse cursor is currently over the element.
     */
  /**
     * When the mouse cursor is over the corners of a resizable element (e.g an
     * image or video) the following modifiers are applied to indicate to the
     * user they can resize the element in a given direction.
     */
}

/* line 58, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image, .ce-element--type-video {
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
  z-index: 1;
  /**
         * Image and video elements use puesdo elements to display information
         * such as the size of the element and for videos the `src` also.
         */
  /**
         * The before element is used to display the size of the element, by
         * default the size is hidden unless the user moves the mouse cursor
         * over the element or the element is being resized.
         */
}

/* line 69, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image:after, .ce-element--type-image:before, .ce-element--type-video:after, .ce-element--type-video:before {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  color: white;
  display: none;
  font-family: arial, sans-serif;
  font-size: 10px;
  line-height: 10px;
  padding: 4px 4px 3px;
  position: absolute;
}

/* line 87, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image:before, .ce-element--type-video:before {
  content: attr(data-ce-size);
  right: 10px;
  top: 10px;
}

/* line 94, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image.ce-element--over:before, .ce-element--type-image.ce-element--resizing:before, .ce-element--type-video.ce-element--over:before, .ce-element--type-video.ce-element--resizing:before {
  display: block;
}

/* line 103, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image {
  background-position: 0 0;
  background-size: cover;
  /**
         * The after element is used by images to ensure that the clip mask
         * applied by a border radius does not affect the selectable region or
         * edge.
         */
}

/* line 112, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image:after {
  background: transparent;
  content: '';
  display: block;
  left: 0;
  position: relative;
  top: 0;
  height: 100%;
  width: 100%;
}

/* line 130, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-video {
  background: #333 url("https://yogobe.com/assets/editor/video-71d5af84d1d0fd15c600a9d60fe8ea50b3094f50a79dc768b9b9d262aa828064.svg") center/auto 48px no-repeat;
}

/* line 137, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-video:after {
  bottom: 10px;
  content: attr(data-ce-title);
  display: block;
  left: 10px;
}

/* line 156, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--empty:after {
  content: '...';
  display: inline-block;
  font-style: italic;
  opacity: 0.5;
}

/* line 165, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--empty[data-ce-placeholder]:after {
  content: attr(data-ce-placeholder);
}

/* line 171, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--dragging {
  background-color: rgba(51, 51, 51, 0.1) !important;
  opacity: 0.5;
  /**
         * HACK: Forces the the element being dragged not to obscure elements
         * that can be dropped on (for example an image floated over a
         * paragraph).
         */
  z-index: -1;
  /**
         * For images and videos we set the outline color instead of changing
         * the inner style.
         */
}

/* line 186, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--dragging.ce-element--type-image, .ce-element--dragging.ce-element--type-video {
  background-color: #333 !important;
  opacity: 1.0;
  outline-color: rgba(51, 51, 51, 0.1) !important;
}

/* line 200, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--drop {
  position: relative !important;
}

/* line 203, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--drop:before {
  background: #f39c12 url("https://yogobe.com/assets/editor/drop-vert-above-bf874169acf62e3da22d97ae18e67e695d9fbf6e663191703fa9963190caa39e.svg") center/auto 32px repeat;
  bottom: 0;
  content: '' !important;
  left: 0;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9;
}

/* line 219, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--drop-below:before {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

/* line 221, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--drop-left:before {
  background-image: url("https://yogobe.com/assets/editor/drop-horz-ae175d3cac863a5757e47bd534739ffca4c7d52bb2bb18ab0d3a3f0e58ef02f5.svg");
  -ms-transform: rotate(0deg);
  /* IE 9 */
  -webkit-transform: rotate(0deg);
  /* Chrome, Safari, Opera */
  transform: rotate(0deg);
}

/* line 225, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--drop-right:before {
  background-image: url("https://yogobe.com/assets/editor/drop-horz-ae175d3cac863a5757e47bd534739ffca4c7d52bb2bb18ab0d3a3f0e58ef02f5.svg");
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

/* line 234, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--drop.ce-element--type-table-row {
  background: #f39c12 url("https://yogobe.com/assets/editor/drop-vert-above-bf874169acf62e3da22d97ae18e67e695d9fbf6e663191703fa9963190caa39e.svg") center/auto 32px repeat;
}

/* line 241, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--drop.ce-element--type-table-row:before {
  display: none;
}

/* line 243, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--drop.ce-element--type-table-row.ce-element--drop-below {
  background: #f39c12 url("https://yogobe.com/assets/editor/drop-vert-below-4a1de324bb605c8456a82cd53a5bddf45aba12823c2552623371811ce292c9dc.svg") center/auto 32px repeat;
}

/* line 257, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--focused, .ce-element--over {
  background-color: rgba(243, 156, 18, 0.1);
  outline: none;
  /**
         * For images and videos we add an outline so as not to distort their
         * appearance.
         */
}

/* line 266, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--focused.ce-element--type-image, .ce-element--focused.ce-element--type-video, .ce-element--over.ce-element--type-image, .ce-element--over.ce-element--type-video {
  background-color: #333;
  outline: 4px solid rgba(243, 156, 18, 0.35);
}

/* line 278, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--resize-top-left {
  cursor: nw-resize;
}

/* line 279, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--resize-top-right {
  cursor: ne-resize;
}

/* line 280, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--resize-bottom-right {
  cursor: se-resize;
}

/* line 281, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--resize-bottom-left {
  cursor: sw-resize;
}

/**
 * When an element is dragged a helper element is created that follows the mouse
 * cursor, the helper represents the element being dragged in a simplified form.
 */
/* line 294, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-drag-helper {
  background: #fff;
  border-radius: 2px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
  color: #4e4e4e;
  font: arial, sans-serif;
  font-size: 12px;
  height: 120px;
  left: 0;
  line-height: 135%;
  margin: 5px 0px 0px 5px;
  overflow: hidden;
  padding: 15px;
  position: absolute;
  top: 0;
  width: 120px;
  word-wrap: break-word;
  z-index: 9;
  /**
     * A puesdo element is used to display the type of element the helper
     * represents.
     */
  /**
     * For elements that have text content displayed within the helper we clip
     * the content and use a puesdo element to fade out any verical overflow.
     */
  /**
     * Image helpers display a version of the image as a background image within
     * the helper element.
     */
}

/* line 318, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-drag-helper:before {
  background: #2980b9;
  color: white;
  content: attr(data-ce-type);
  display: block;
  font-family: arial, sans-serif;
  font-size: 10px;
  line-height: 10px;
  padding: 4px 4px 3px;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 343, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-drag-helper--type-list:after, .ce-drag-helper--type-list-item-text:after, .ce-drag-helper--type-pre-text:after, .ce-drag-helper--type-table:after, .ce-drag-helper--type-table-row:after, .ce-drag-helper--type-text:after {
  background-image: linear-gradient(rgba(255, 255, 255, 0), white 66%);
  bottom: 0;
  content: '';
  display: block;
  height: 40px;
  left: 0;
  position: absolute;
  width: 100%;
}

/* line 362, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-drag-helper--type-image {
  background-repeat: no-repeat;
  background-size: cover;
}

/**
 * The alignment of elements such as images and videos horizontally is achieved
 * through the `align-left` and `align-right` classes. We provide basic stylings
 * for these classes so that this style sheet works out the box, it is however
 * expected that these styles will be extended if not overridden by the site
 * CSS.
 */
/* line 379, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image,
.ce-element--type-video {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 385, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image.align-left,
.ce-element--type-video.align-left {
  clear: initial;
  float: left;
}

/* line 390, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-element--type-image.align-right,
.ce-element--type-video.align-right {
  clear: initial;
  float: right;
}

/**
 * Special class applied to a temporary element which is inserted into a parent
 * element to measure the width excluding padding.
 */
/* line 400, vendor/assets/stylesheets/editor/content-edit.scss */
.ce-measure {
  display: block !important;
}

/* Settings */
/**
 * All widgets are assigned a z-index equal to or higher than this setting. The
 * base z-index can be adjusted to overcome z-index conflicts with existing page
 * elements.
 */
/**
 * For UI widgets that appear on the page (as opposed to appearing in front of a
 * modal screen) we define a base background colour.
 */
/**
 * The colour used when casting shadows for widgets that appear to float.
 */
/**
 * Confirm, Cancel and Edit actions are common amoung the various ui components.
 * Each action has an associated/common colour.
 */
/**
 * The background colour used to highlight editiable regions to users when they
 * hold down the shift key.
 */
/**
 * Tooltips feature for a number of components, their base appearance is
 * configured using a mixin.
 */
/**
 * The following settings relate to typography. For portability we limit the the
 * use of fonts to:
 *
 * - `type-icon` used for displaying icons (courtesy of http://icomoon.io).
 * - `type-text` used for displaying text.
 *
 */
@font-face {
  font-family: 'icon';
  src: url(https://yogobe.com/assets/icomoon-50f5c3f4352c34939f73107a52f7a3b1d514cd485cc039c3d0e0f334a385dff5.woff) format("woff");
  font-weight: normal;
  font-style: normal;
}

/* UI */
/*
The widget CSS class should be applied any UI element that's insert into the DOM
and not within a widget, the widget CSS class resets the style for of all
supported child elements.
*/
/* line 7, vendor/assets/stylesheets/editor/ui/_ui.scss */
.ct-widget,
.ct-widget * {
  /* Reset */
  /* Defaults */
  box-sizing: border-box;
}

/* line 10, vendor/assets/stylesheets/editor/ui/_ui.scss */
.ct-widget div, .ct-widget span,
.ct-widget iframe,
.ct-widget a, .ct-widget b, .ct-widget i
fieldset, .ct-widget form, .ct-widget label, .ct-widget legend,
.ct-widget table, .ct-widget caption, .ct-widget tbody, .ct-widget tfoot, .ct-widget thead, .ct-widget tr, .ct-widget th, .ct-widget td,
.ct-widget * div,
.ct-widget * span,
.ct-widget * iframe,
.ct-widget * a,
.ct-widget * b,
.ct-widget * i
fieldset,
.ct-widget * form,
.ct-widget * label,
.ct-widget * legend,
.ct-widget * table,
.ct-widget * caption,
.ct-widget * tbody,
.ct-widget * tfoot,
.ct-widget * thead,
.ct-widget * tr,
.ct-widget * th,
.ct-widget * td {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/* line 23, vendor/assets/stylesheets/editor/ui/_ui.scss */
.ct-widget ol, .ct-widget ul,
.ct-widget * ol,
.ct-widget * ul {
  list-style: none;
}

/* line 27, vendor/assets/stylesheets/editor/ui/_ui.scss */
.ct-widget table,
.ct-widget * table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 36, vendor/assets/stylesheets/editor/ui/_ui.scss */
.ct-widget {
  opacity: 0;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: 9999;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

/* line 46, vendor/assets/stylesheets/editor/ui/_ui.scss */
.ct-widget--active {
  opacity: 1;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.25s;
  -moz-transition-duration: 0.25s;
  transition-duration: 0.25s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

/**
 * Attributes are similar to sections in that they are used to divide up
 * configuration blocks within a dialog's view. However attributes
 * exclusively support text inputs (no switches) and both the name and value of
 * an attribute can be modified (unlike sections where the label is fixed).
 */
/* line 9, vendor/assets/stylesheets/editor/ui/_attributes.scss */
.ct-widget .ct-attribute {
  border-bottom: 1px solid #eee;
  height: 48px;
  vertical-align: top;
  /**
         * Each section has a name and value component, both of which can be
         * modified.
         */
}

/* line 9, vendor/assets/stylesheets/editor/../bourbon/addons/_clearfix.scss */
.ct-widget .ct-attribute::after {
  clear: both;
  content: "";
  display: table;
}

/* line 19, vendor/assets/stylesheets/editor/ui/_attributes.scss */
.ct-widget .ct-attribute__name {
  background: #f6f6f6;
  border: none;
  color: #646464;
  float: left;
  height: 47px;
  outline: none;
  padding: 0 16px;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 25%;
  /**
             * If the the attributes name is invalid then the `invalid` modifier
             * is set against the input (programmatically).
             */
}

/* line 34, vendor/assets/stylesheets/editor/ui/_attributes.scss */
.ct-widget .ct-attribute__name--invalid {
  color: #e74c3c;
}

/* line 39, vendor/assets/stylesheets/editor/ui/_attributes.scss */
.ct-widget .ct-attribute__value {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white;
  border: none;
  color: #646464;
  float: right;
  height: 47px;
  outline: none;
  padding: 0 16px;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 75%;
}

/**
 * Cropmarks define the region within an image that will be cropped. They appear
 * in the image dialog when crop is active.
 */
/* line 8, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks {
  height: 320px;
  left: 73px;
  position: absolute;
  top: 0;
  width: 427px;
  /**
         * The clipper is used to prevent the rulers extending outside of the
         * image.
         */
  /**
         * The cropping region is defined by 2 L shaped framing rulers at
         * opposite corners.
         */
  /**
         * The rulers defing the crop region can be moved by the user, handles
         * provide a draggable handle for each ruler.
         */
}

/* line 19, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks__clipper {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* line 32, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks__ruler--top-left {
  position: absolute;
}

/* line 35, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks__ruler--top-left:after {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-bottom: none;
  border-right: none;
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 999px;
  left: 0;
  position: absolute;
  top: 0;
  width: 999px;
}

/* line 52, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks__ruler--bottom-right {
  position: absolute;
}

/* line 55, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks__ruler--bottom-right:after {
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-top: none;
  border-left: none;
  bottom: 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25), inset -1px -1px 1px rgba(0, 0, 0, 0.25);
  content: '';
  height: 999px;
  position: absolute;
  right: 0;
  width: 999px;
}

/* line 77, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks__handle {
  background: #2980b9;
  border: 1px solid #409ad5;
  border-radius: 7px;
  cursor: pointer;
  height: 15px;
  margin-left: -7px;
  margin-top: -7px;
  position: absolute;
  width: 15px;
}

/* line 88, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks__handle--bottom-right {
  margin-left: -8px;
  margin-top: -8px;
}

/* line 93, vendor/assets/stylesheets/editor/ui/_crop-marks.scss */
.ct-widget .ct-crop-marks__handle:hover {
  background: #2e8ece;
}

/**
 * The content tools library supports a number of dialogs for different types of
 * functionality (e.g insert an image, change a tables dimensions, etc).
 *
 * The dialog component itself sits above the page content (typically over a
 * modal.
 */
/**
 * If the dialog is performing a remote task that requires the user to wait for
 * a response from the server then it may be set to a busy state. The busy state
 * uses an animation (a rotating cog) defined below.
 */
@-webkit-keyframes busy-dialog {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
    -webkit-transform: transform;
  }
  100% {
    transform: translate(-50%, -50%) rotate(359deg);
    -webkit-transform: transform;
  }
}

@-moz-keyframes busy-dialog {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: transform;
  }
  100% {
    transform: translate(-50%, -50%) rotate(359deg);
    -moz-transform: transform;
  }
}

@keyframes busy-dialog {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
    -webkit-transform: transform;
    -moz-transform: transform;
    -ms-transform: transform;
    -o-transform: transform;
    transform: transform;
  }
  100% {
    transform: translate(-50%, -50%) rotate(359deg);
    -webkit-transform: transform;
    -moz-transform: transform;
    -ms-transform: transform;
    -o-transform: transform;
    transform: transform;
  }
}

/* line 31, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget {
  /**
     * The controls section of the dialog features icon and text buttons which
     * provide the user with controls for the contents dialog.
     */
  /**
      * Controls can be grouped left, right or centrally. Both a left and right
      * group can coexist but the central group can only be used on it's own.
      */
  /**
     * Controls can either contain text or an icon depending on the modifier
     * set against the component (`text` or `icon` respectively).
     */
  /**
     * The following classes relate to the various types of dialog available.
     */
  /**
     * The image dialog supports the insertion of images, the dialog has a
     * number of states to support the various steps in inserting an image.
     */
  /**
     * The properties dialog displays the attributes and styles for an element
     * in page, each property can by modified and each style turned on or off.
     */
  /**
     * The table dialog supports the insertion and updating of tables.
     */
  /**
     * The video dialog supports the insertion of embedded videos (vimeo and
     * youtube).
     */
  /**
     * Anchored dialogs are a special type of dialog that are appear at a fixed
     * position with the page, for example above a selection of text. They are
     * used to support simple task (such as inserting a link) in a less
     * intrusive mannor than full dialogs.
     *
     * Anchored dialogs support an single text input and a confirm button only.
     */
}

/* line 36, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-dialog {
  background: white;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.35);
  border-radius: 2px;
  height: 480px;
  left: 50%;
  margin-left: -350px;
  margin-top: -240px;
  position: fixed;
  top: 50%;
  width: 700px;
  z-index: 10099;
  /**
         * The `busy` modifier maybe programatically applied to a dialog to
         * prevent any further interaction with the dialog until a task has been
         * completed.
         */
}

/* line 55, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-dialog--busy .ct-dialog__busy {
  display: block;
}

/* line 58, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-dialog--busy .ct-dialog__body {
  opacity: 0.1;
}

/* line 64, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog {
  /**
         * The `header`, `caption` and `close` components of the dialog make up
         * what might traditionally be thought of as a title bar for a window.
         */
  /**
         * The dialog `body` is typically composed of a `view` and `controls`
         * component. The `view` component contains the dialogs content (e.g an
         * image) and the `controls` component the controls (e.g crop, rotate,
         * insert).
         */
  /**
         * If the dialog is in a busy state then the `busy` component is
         * displayed.
         */
}

/* line 70, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__header {
  color: #a4a4a4;
  border-bottom: 1px solid #eee;
  height: 48px;
  padding: 0 16px;
  position: relative;
}

/* line 78, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__caption {
  font-family: arial, sans-serif;
  font-size: 18px;
  line-height: 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 85, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__close {
  border-left: 1px solid #eee;
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  font-family: 'icon';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 48px;
}

/* line 97, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__close:before {
  content: '\ea0f';
}

/* line 102, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__close:hover:before {
  color: #646464;
}

/* line 114, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__body {
  margin: auto;
  width: 572px;
}

/* line 119, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__view {
  height: 320px;
  margin-top: 32px;
}

/* line 124, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__controls {
  margin-top: 16px;
}

/* line 9, vendor/assets/stylesheets/editor/../bourbon/addons/_clearfix.scss */
.ct-widget .ct-dialog__controls::after {
  clear: both;
  content: "";
  display: table;
}

/* line 133, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__busy {
  display: none;
  position: absolute;
}

/* line 137, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-dialog__busy:before {
  -webkit-animation: busy-dialog 5s linear;
  -moz-animation: busy-dialog 5s linear;
  animation: busy-dialog 5s linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  color: #a4a4a4;
  content: "\e994";
  left: 50%;
  position: fixed;
  top: 50%;
  font-family: 'icon';
  font-size: 80px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 159, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control-group {
  font-size: 0;
}

/* line 162, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control-group--center {
  text-align: center;
}

/* line 166, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control-group--left {
  float: left;
}

/* line 170, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control-group--right {
  float: right;
}

/* line 179, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control {
  margin-left: 16px;
  position: relative;
}

/* line 183, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control:first-child {
  margin-left: 0;
}

/* line 188, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--icon {
  border-radius: 2px;
  color: #a4a4a4;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-family: 'icon';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 32px;
}

/* line 47, vendor/assets/stylesheets/editor/_settings.scss */
.ct-widget .ct-control--icon:after {
  background: black;
  border-radius: 2px;
  color: white;
  content: attr(data-ct-tooltip);
  display: block;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  left: -26.5px;
  line-height: 20px;
  opacity: 0.0;
  padding: 0 8px;
  position: absolute;
  bottom: 37px;
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  visibility: hidden;
  width: 85px;
  word-break: break-word;
}

/* line 67, vendor/assets/stylesheets/editor/_settings.scss */
.ct-widget .ct-control--icon:hover:after {
  opacity: 0.8;
  visibility: visible;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

/* line 205, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--icon:before {
  content: '';
}

/* line 209, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--icon:hover {
  background: #eee;
  color: #646464;
}

/* line 217, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--active, .ct-widget .ct-control--on {
  background: #a4a4a4;
  color: white;
}

/* line 222, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--active:hover, .ct-widget .ct-control--on:hover {
  background: #646464;
  color: white;
}

/* line 229, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--rotate-ccw:before {
  content: '\e965';
}

/* line 235, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--rotate-cw:before {
  content: '\e966';
}

/* line 241, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--crop:before {
  content: '\ea57';
}

/* line 247, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--remove:before {
  content: '\e9ac';
}

/* line 253, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--styles:before {
  content: '\e90b';
}

/* line 259, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--attributes:before {
  content: '\e994';
}

/* line 265, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--code:before {
  content: '\ea80';
}

/* line 270, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--icon.ct-control--muted {
  cursor: default;
}

/* line 273, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--icon.ct-control--muted:before {
  opacity: 0.5;
}

/* line 277, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--icon.ct-control--muted:hover {
  color: #a4a4a4;
  background: transparent;
}

/* line 285, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--text {
  background: #2980b9;
  border-radius: 2px;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  height: 32px;
  overflow: hidden;
  padding: 0 8px;
  text-align: center;
  text-overflow: ellipsis;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 32px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  width: 100px;
}

/* line 303, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--text:hover {
  background: #2e8ece;
}

/* line 310, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--apply, .ct-widget .ct-control--insert, .ct-widget .ct-control--ok {
  background: #27ae60;
}

/* line 315, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--apply:hover, .ct-widget .ct-control--insert:hover, .ct-widget .ct-control--ok:hover {
  background: #2cc36b;
}

/* line 320, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--cancel, .ct-widget .ct-control--clear {
  background: #e74c3c;
}

/* line 324, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--cancel:hover, .ct-widget .ct-control--clear:hover {
  background: #ea6153;
}

/* line 329, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--text.ct-control--muted {
  background: #ccc;
  cursor: default;
}

/* line 333, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--text.ct-control--muted:hover {
  background: #ccc;
}

/* line 338, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-control--upload {
  overflow: hidden;
}

/* line 359, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-image-dialog--empty .ct-progress-bar,
.ct-widget.ct-image-dialog--empty .ct-control--rotate-ccw,
.ct-widget.ct-image-dialog--empty .ct-control--rotate-cw,
.ct-widget.ct-image-dialog--empty .ct-control--crop,
.ct-widget.ct-image-dialog--empty .ct-control--insert,
.ct-widget.ct-image-dialog--empty .ct-control--cancel,
.ct-widget.ct-image-dialog--empty .ct-control--clear {
  display: none;
}

/* line 374, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-image-dialog--uploading .ct-control--rotate-ccw,
.ct-widget.ct-image-dialog--uploading .ct-control--rotate-cw,
.ct-widget.ct-image-dialog--uploading .ct-control--crop,
.ct-widget.ct-image-dialog--uploading .ct-control--upload,
.ct-widget.ct-image-dialog--uploading .ct-control--insert,
.ct-widget.ct-image-dialog--uploading .ct-control--clear {
  display: none;
}

/* line 389, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-image-dialog--populated .ct-progress-bar,
.ct-widget.ct-image-dialog--populated .ct-control--upload,
.ct-widget.ct-image-dialog--populated .ct-control--cancel {
  display: none;
}

/* line 399, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-image-dialog {
  /**
         * HACK: We style the file upload button as a control, however to ensure
         * the user activates the system file browser dialog we hide the file
         * input in the control and use a large font to ensure it covers the
         * whole control.
         */
}

/* line 401, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-image-dialog__view {
  background: #eee;
  position: relative;
}

/* line 405, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-image-dialog__view:empty {
  font-family: 'icon';
  font-size: 80px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 320px;
  text-align: center;
}

/* line 410, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-image-dialog__view:empty:before {
  color: white;
  content: '\e90d';
}

/* line 417, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-image-dialog__image {
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
}

/* line 432, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-image-dialog__file-upload {
  cursor: pointer;
  font-size: 400px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}

/* line 451, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-properties-dialog--attributes .ct-properties-dialog__attributes {
  display: block;
}

/* line 459, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-properties-dialog--styles .ct-properties-dialog__styles {
  display: block;
}

/* line 462, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-properties-dialog--styles .ct-properties-dialog__styles:empty:before {
  color: #a4a4a4;
  content: attr(data-ct-empty);
  display: block;
  font-style: italic;
  margin-top: 20px;
  text-align: center;
}

/* line 476, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-properties-dialog--code .ct-properties-dialog__code {
  display: block;
}

/* line 484, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-properties-dialog {
  /**
         * The code tab supports an textarea for editing inner HTML.
         */
}

/* line 486, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-properties-dialog__view {
  border: 1px solid #ddd;
  overflow: auto;
}

/* line 491, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-properties-dialog__attributes, .ct-widget .ct-properties-dialog__code, .ct-widget .ct-properties-dialog__styles {
  display: none;
}

/* line 500, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-properties-dialog__inner-html {
  border: none;
  display: block;
  font-family: courier, "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
  height: 318px;
  padding: 16px;
  outline: none;
  resize: none;
  width: 100%;
}

/* line 510, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-properties-dialog__inner-html--invalid {
  color: #e74c3c;
}

/* line 522, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-table-dialog__view {
  border: 1px solid #ddd;
  overflow: auto;
}

/* line 537, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-video-dialog__preview:empty {
  background: #eee;
  font-family: 'icon';
  font-size: 80px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 320px;
  text-align: center;
}

/* line 543, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-video-dialog__preview:empty:before {
  color: white;
  content: '\ea98';
}

/* line 551, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-video-dialog__input {
  border: none;
  border-bottom: 1px solid #eee;
  height: 32px;
  line-height: 32px;
  outline: none;
  padding: 0 4px;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  width: 456px;
}

/* line 562, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-video-dialog__input:focus {
  border-bottom: 1px solid #e1e1e1;
}

/* line 577, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-anchored-dialog {
  border-bottom: 2px solid #27ae60;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.35);
  font-size: 0;
  height: 34px;
  left: 0;
  margin-left: -144px;
  margin-top: -48px;
  position: absolute;
  top: 0;
  z-index: 10099;
}

/* line 591, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget.ct-anchored-dialog:after {
  border: 16px solid rgba(255, 255, 255, 0);
  border-top-color: #27ae60;
  content: '';
  left: 128px;
  position: absolute;
  top: 34px;
}

/* line 602, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__input {
  border: none;
  color: #646464;
  height: 32px;
  outline: none;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 32px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 8px 0 16px;
  vertical-align: top;
  width: 256px;
}

/* line 613, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__button {
  background: #27ae60;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-family: 'icon';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 32px;
}

/* line 623, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__button:before {
  color: white;
  content: '\ea10';
}

/* line 628, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__button:hover {
  background: #2cc36b;
}

/* line 633, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__target-button {
  background: white;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  text-align: center;
  font-family: 'icon';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 32px;
}

/* line 651, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__target-button:before {
  color: #a4a4a4;
  content: '\ea7d';
}

/* line 656, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__target-button:hover:before {
  color: #b1b1b1;
}

/* line 661, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__target-button--active:before {
  color: #27ae60;
}

/* line 665, vendor/assets/stylesheets/editor/ui/_dialogs.scss */
.ct-widget .ct-anchored-dialog__target-button--active:hover:before {
  color: #2cc36b;
}

/**
 * Flashes are used to display a visual confirmation to the user that an action
 * has completed successfully (or failed).
 */
/* line 6, vendor/assets/stylesheets/editor/ui/_flashes.scss */
.ct-widget {
  /**
     * The flash animation displays an icon in the center of the user's screen
     * that flashes into view and then out.
     */
  /**
     * The flash timer animation is used purely to indicated to the Javascript
     * that created the flash element that the animation has finished.
     */
  /**
     * The icon that is flashed.
     */
}

@-webkit-keyframes flash {
  0% {
    opacity: 0;
    font-size: 32px;
    -webkit-transform: font-size;
  }
  25% {
    font-size: 320px;
    opacity: 1;
    -webkit-transform: all;
  }
  50% {
    font-size: 320px;
    opacity: 1;
    -webkit-transform: all;
  }
  75% {
    font-size: 320px;
    opacity: 1;
    -webkit-transform: all;
  }
  100% {
    opacity: 0;
    -webkit-transform: all;
  }
}

@-moz-keyframes flash {
  0% {
    opacity: 0;
    font-size: 32px;
    -moz-transform: font-size;
  }
  25% {
    font-size: 320px;
    opacity: 1;
    -moz-transform: all;
  }
  50% {
    font-size: 320px;
    opacity: 1;
    -moz-transform: all;
  }
  75% {
    font-size: 320px;
    opacity: 1;
    -moz-transform: all;
  }
  100% {
    opacity: 0;
    -moz-transform: all;
  }
}

@keyframes flash {
  0% {
    opacity: 0;
    font-size: 32px;
    -webkit-transform: font-size;
    -moz-transform: font-size;
    -ms-transform: font-size;
    -o-transform: font-size;
    transform: font-size;
  }
  25% {
    font-size: 320px;
    opacity: 1;
    -webkit-transform: all;
    -moz-transform: all;
    -ms-transform: all;
    -o-transform: all;
    transform: all;
  }
  50% {
    font-size: 320px;
    opacity: 1;
    -webkit-transform: all;
    -moz-transform: all;
    -ms-transform: all;
    -o-transform: all;
    transform: all;
  }
  75% {
    font-size: 320px;
    opacity: 1;
    -webkit-transform: all;
    -moz-transform: all;
    -ms-transform: all;
    -o-transform: all;
    transform: all;
  }
  100% {
    opacity: 0;
    -webkit-transform: all;
    -moz-transform: all;
    -ms-transform: all;
    -o-transform: all;
    transform: all;
  }
}

@-webkit-keyframes flash-timer {
  0% {
    opacity: 1;
    -webkit-transform: opacity;
  }
  99% {
    opacity: 1;
    -webkit-transform: opacity;
  }
  100% {
    opacity: 0;
    -webkit-transform: opacity;
  }
}

@-moz-keyframes flash-timer {
  0% {
    opacity: 1;
    -moz-transform: opacity;
  }
  99% {
    opacity: 1;
    -moz-transform: opacity;
  }
  100% {
    opacity: 0;
    -moz-transform: opacity;
  }
}

@keyframes flash-timer {
  0% {
    opacity: 1;
    -webkit-transform: opacity;
    -moz-transform: opacity;
    -ms-transform: opacity;
    -o-transform: opacity;
    transform: opacity;
  }
  99% {
    opacity: 1;
    -webkit-transform: opacity;
    -moz-transform: opacity;
    -ms-transform: opacity;
    -o-transform: opacity;
    transform: opacity;
  }
  100% {
    opacity: 0;
    -webkit-transform: opacity;
    -moz-transform: opacity;
    -ms-transform: opacity;
    -o-transform: opacity;
    transform: opacity;
  }
}

/* line 75, vendor/assets/stylesheets/editor/ui/_flashes.scss */
.ct-widget.ct-flash {
  color: rgba(255, 255, 255, 0.9);
  height: 0;
  left: 0;
  position: fixed;
  font-family: 'icon';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 0;
  width: 0;
  z-index: 10999;
  /**
         * Modifiers that can be applied to the flash to change it's appearance.
         */
}

/* line 85, vendor/assets/stylesheets/editor/ui/_flashes.scss */
.ct-widget.ct-flash:before {
  left: 50%;
  opacity: 0;
  position: fixed;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
  top: 50%;
  transform: translate(-50%, -50%);
}

/* line 94, vendor/assets/stylesheets/editor/ui/_flashes.scss */
.ct-widget.ct-flash--active {
  -webkit-animation: flash-timer 2s ease-in;
  -moz-animation: flash-timer 2s ease-in;
  animation: flash-timer 2s ease-in;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/* line 97, vendor/assets/stylesheets/editor/ui/_flashes.scss */
.ct-widget.ct-flash--active:before {
  -webkit-animation: flash 2s ease-in;
  -moz-animation: flash 2s ease-in;
  animation: flash 2s ease-in;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  font-size: 320px;
  opacity: 1;
}

/* line 109, vendor/assets/stylesheets/editor/ui/_flashes.scss */
.ct-widget.ct-flash--ok:before {
  content: '\ea10';
}

/* line 113, vendor/assets/stylesheets/editor/ui/_flashes.scss */
.ct-widget.ct-flash--no:before {
  content: '\ea0f';
}

/**
 * Grip's provide a visual hint to the user that they can use the mouse to drag
 * an item (for example the toolbar has a grip that can be used to drag it to a
 * new location.
 */
/* line 9, vendor/assets/stylesheets/editor/ui/_grips.scss */
.ct-widget .ct-grip {
  cursor: move;
  font-size: 0;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /**
         * Grips consist of one or more bumps, elements that appear to be sunk
         * or raised and therefore provide grip.
         */
}

/* line 20, vendor/assets/stylesheets/editor/ui/_grips.scss */
.ct-widget .ct-grip__bump {
  background: rgba(70, 70, 70, 0.15);
  border-radius: 12px;
  display: inline-block;
  height: 12px;
  margin-left: 12px;
  width: 12px;
}

/* line 29, vendor/assets/stylesheets/editor/ui/_grips.scss */
.ct-widget .ct-grip__bump:first-child {
  margin-left: 0;
}

/**
 * The ignition switch is how users start and stop editing the page.
 */
/**
 * If the app is performing a remote task that requires the user to wait for
 * a response from the server then the ignition may be set to a busy state. The
 * busy state uses an animation (a rotating cog) defined below.
 */
@-webkit-keyframes busy-ignition {
  0% {
    transform: rotate(0deg);
    -webkit-transform: transform;
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: transform;
  }
}

@-moz-keyframes busy-ignition {
  0% {
    transform: rotate(0deg);
    -moz-transform: transform;
  }
  100% {
    transform: rotate(359deg);
    -moz-transform: transform;
  }
}

@keyframes busy-ignition {
  0% {
    transform: rotate(0deg);
    -webkit-transform: transform;
    -moz-transform: transform;
    -ms-transform: transform;
    -o-transform: transform;
    transform: transform;
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: transform;
    -moz-transform: transform;
    -ms-transform: transform;
    -o-transform: transform;
    transform: transform;
  }
}

/* line 29, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget.ct-ignition {
  /**
         * Position of the switch on the page
         */
  left: 16px;
  position: fixed;
  top: 16px;
  /**
         * Depending on the current state of the switch we show either the edit
         * button (page ready to edit), or the confirm and cancel buttons (
         * page currently being edited).
         */
}

/* line 44, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget.ct-ignition .ct-ignition__button {
  display: none;
}

/* line 49, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget.ct-ignition--editing .ct-ignition__button--confirm,
.ct-widget.ct-ignition--editing .ct-ignition__button--cancel {
  display: block;
}

/* line 56, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget.ct-ignition--ready .ct-ignition__button--edit {
  display: block;
}

/* line 63, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget.ct-ignition--busy .ct-ignition__button {
  display: none;
}

/* line 66, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget.ct-ignition--busy .ct-ignition__button--busy {
  display: block;
}

/* line 73, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition {
  /**
         * The ignition switch is constructed of 3 buttons, edit, confirm and
         * cancel.
         */
}

/* line 81, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button {
  border-radius: 24px;
  content: '';
  cursor: pointer;
  display: block;
  height: 48px;
  line-height: 48px;
  opacity: 0.9;
  position: absolute;
  text-align: center;
  font-family: 'icon';
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 48px;
  /* Busy button */
  /* Confirm button */
  /* Cancel button */
  /* Edit button */
}

/* line 97, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button:before {
  color: white;
}

/* line 102, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--busy {
  -webkit-animation: busy-ignition 5s linear;
  -moz-animation: busy-ignition 5s linear;
  animation: busy-ignition 5s linear;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  background: #646464;
  cursor: default;
}

/* line 107, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--busy:before {
  content: '\e994';
}

/* line 111, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--busy:hover {
  background: #646464;
}

/* line 117, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--confirm {
  background: #27ae60;
}

/* line 120, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--confirm:before {
  content: '\ea10';
}

/* line 124, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--confirm:hover {
  background: #2cc36b;
}

/* line 130, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--cancel {
  background: #e74c3c;
  left: 64px;
}

/* line 134, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--cancel:before {
  content: '\ea0f';
}

/* line 138, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--cancel:hover {
  background: #ea6153;
}

/* line 144, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--edit {
  background: #2980b9;
  /**
                 * Unlike the confirm and cancel buttons we rotate the edit
                 * button's pencil icon on mouse over to add a sense of
                 * purpose :)
                 */
}

/* line 153, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--edit:before {
  content: '\e905';
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

/* line 160, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--edit:hover {
  background: #2e8ece;
}

/* line 163, vendor/assets/stylesheets/editor/ui/_ignition.scss */
.ct-widget .ct-ignition__button--edit:hover:before {
  display: inline-block;
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
  transform: rotate(-15deg);
}

/**
 * The inspector provides a breadcrumb style path (constructured from tags) for
 * the currently selected element and its parent/ancestor tags.
 *
 * Tags can be selected which triggers the properties dialog. This allows
 * elements which typically can't be directly selected using the editor to be
 * modified.
 */
/* line 9, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget {
  /**
     * The inspector bar is consists of a list of one or more tags, each tag
     * represents an element in the lineage between the currently selected
     * element and the top level element it is defined within, e.g for a table
     * division the path might look like this:
     *
     * table > tbody > tr > td
     */
}

/* line 11, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget.ct-inspector {
  background: rgba(233, 233, 233, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  bottom: 0;
  height: 32px;
  left: 0;
  overflow: hidden;
  padding: 3px 16px 0;
  position: fixed;
  width: 100%;
}

/* line 32, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-inspector__tags {
  width: calc(100% - 128px);
}

/* line 9, vendor/assets/stylesheets/editor/../bourbon/addons/_clearfix.scss */
.ct-widget .ct-inspector__tags::after {
  clear: both;
  content: "";
  display: table;
}

/* line 36, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-inspector__tags:before {
  color: #464646;
  content: '\ea80';
  display: block;
  float: left;
  height: 24px;
  line-height: 24px;
  margin-right: 16px;
  text-align: center;
  font-family: 'icon';
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  speak: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 24px;
}

/* line 50, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-inspector__counter {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  height: 24px;
  line-height: 24px;
  margin-right: 16px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 3px;
  width: 128px;
}

/* line 63, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag {
  background-color: #2980b9;
  border-radius: 2px 0 0 2px;
  color: white;
  cursor: pointer;
  float: left;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  margin-left: 24px;
  padding: 0 8px;
  position: relative;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

/* line 79, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:after {
  border-style: solid;
  border-bottom: 12px solid rgba(255, 0, 0, 0);
  border-left: 12px solid #2980b9;
  border-right: none;
  border-top: 12px solid rgba(255, 0, 0, 0);
  content: '';
  display: block;
  height: 24px;
  bottom: 0;
  right: -24px;
  position: absolute;
  width: 24px;
  -moz-transform: scale(0.9999);
}

/* line 97, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:first-child {
  margin-left: 0;
}

/* line 101, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:hover {
  background-color: #4aa3df;
}

/* line 104, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:hover:after {
  border-left-color: #4aa3df;
}

/* line 122, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(1) {
  background-color: #8e44ad;
}

/* line 125, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(1):after {
  border-left-color: #8e44ad;
}

/* line 129, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(1):hover {
  background-color: #9b50ba;
}

/* line 132, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(1):hover:after {
  border-left-color: #9b50ba;
}

/* line 122, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(2) {
  background-color: #2980b9;
}

/* line 125, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(2):after {
  border-left-color: #2980b9;
}

/* line 129, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(2):hover {
  background-color: #2e8ece;
}

/* line 132, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(2):hover:after {
  border-left-color: #2e8ece;
}

/* line 122, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(3) {
  background-color: #27ae60;
}

/* line 125, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(3):after {
  border-left-color: #27ae60;
}

/* line 129, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(3):hover {
  background-color: #2cc36b;
}

/* line 132, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(3):hover:after {
  border-left-color: #2cc36b;
}

/* line 122, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(4) {
  background-color: #d35400;
}

/* line 125, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(4):after {
  border-left-color: #d35400;
}

/* line 129, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(4):hover {
  background-color: #ed5e00;
}

/* line 132, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(4):hover:after {
  border-left-color: #ed5e00;
}

/* line 122, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(5) {
  background-color: #f39c12;
}

/* line 125, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(5):after {
  border-left-color: #f39c12;
}

/* line 129, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(5):hover {
  background-color: #f4a62a;
}

/* line 132, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(5):hover:after {
  border-left-color: #f4a62a;
}

/* line 122, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(6) {
  background-color: #16a085;
}

/* line 125, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(6):after {
  border-left-color: #16a085;
}

/* line 129, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(6):hover {
  background-color: #19b698;
}

/* line 132, vendor/assets/stylesheets/editor/ui/_inspector.scss */
.ct-widget .ct-tag:nth-child(6):hover:after {
  border-left-color: #19b698;
}

/**
 * The modal widget provides a layer over the page limiting interaction to just
 * the components positioned above the layer. This is commonly used when
 * displaying a dialog, for example if we're editing a table's properties then
 * the modal ensures the user can't change the element selected on the page
 * while the dialog is open.
 */
/* line 11, vendor/assets/stylesheets/editor/ui/_modal.scss */
.ct-widget.ct-modal {
  background: rgba(0, 0, 0, 0.7);
  height: 0;
  left: 0;
  position: fixed;
  top: 0;
  width: 0;
  z-index: 10009;
}

/* line 22, vendor/assets/stylesheets/editor/ui/_modal.scss */
.ct-widget.ct-modal--transparent {
  background: transparent;
}

/* line 31, vendor/assets/stylesheets/editor/ui/_modal.scss */
.ct-widget--active.ct-modal {
  height: 100%;
  width: 100%;
}

/**
 * The progress bar appears in dialogs (such as the image dialog) and provides
 * feedback to the user on a task (such as uploading an image).
 */
/* line 8, vendor/assets/stylesheets/editor/ui/_progress.scss */
.ct-widget .ct-progress-bar {
  border: 1px solid #eee;
  height: 32px;
  line-height: 32px;
  padding: 1px;
  width: 456px;
  /**
         * Note: The width of the progress bar should be set (as a percentage)
         * programatially, e.g `progressBarDOM.style.width = '50%'`.
         */
}

/* line 19, vendor/assets/stylesheets/editor/ui/_progress.scss */
.ct-widget .ct-progress-bar__progress {
  background: #2980b9;
  height: 28px;
}

/**
 * Sections are used to divide up configuration blocks within a dialog's view.
 * They contain wither a switch or an input, for example the table dialog has
 * header (switch), body (input - e.g number of columns) and footer (switch)
 * sections.
 */
/* line 10, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section {
  border-bottom: 1px solid #eee;
  color: #bdbdbd;
  cursor: pointer;
  font-style: italic;
  height: 48px;
  padding: 0 16px;
  font-family: arial, sans-serif;
  font-size: 16px;
  line-height: 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /**
         * If the section is a switch then the `applied` modifier is set when
         * the switch is on.
         */
  /**
         * If the section contains an input field the `contains-input` modifier
         * is set.
         */
  /**
         * Each section has a label describing the purpose of the switch or
         * input within the section.
         */
}

/* line 9, vendor/assets/stylesheets/editor/../bourbon/addons/_clearfix.scss */
.ct-widget .ct-section::after {
  clear: both;
  content: "";
  display: table;
}

/* line 20, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section:hover {
  background: #f6f6f6;
}

/* line 28, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section--applied {
  color: #646464;
  font-style: normal;
}

/* line 32, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section--applied .ct-section__switch {
  background-color: #27ae60;
  border: 1px solid #1e8449;
}

/* line 36, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section--applied .ct-section__switch:before {
  left: 25px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}

/* line 50, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section--contains-input .ct-section__label {
  width: 75%;
}

/* line 59, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section__label {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 472px;
  white-space: nowrap;
}

/* line 67, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section__switch {
  background-color: #ccc;
  border: 1px solid #b3b3b3;
  border-radius: 12px;
  box-shadow: inset 0px 0 2px rgba(0, 0, 0, 0.1);
  float: right;
  height: 24px;
  margin-top: 12px;
  position: relative;
  width: 48px;
}

/* line 78, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section__switch:before {
  background: white;
  border-radius: 10px;
  content: '';
  height: 20px;
  left: 1px;
  position: absolute;
  top: 1px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  width: 20px;
}

/* line 93, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section__input {
  background: white;
  border: none;
  color: #646464;
  float: right;
  height: 47px;
  outline: none;
  padding: 0 16px;
  text-align: right;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 48px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 25%;
  /**
             * If the contents of the sections input is invalid then the
             * `invalid` modifier is set against the input (programmatically).
             */
}

/* line 109, vendor/assets/stylesheets/editor/ui/_sections.scss */
.ct-widget .ct-section__input--invalid {
  color: #e74c3c;
}

/**
 * The toolbox widget displays a set of tools the user can use to edit the
 * content of the page.
 */
/* line 6, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget {
  /**
     * Define the spacing for the toolbox:
     *
     * spacing / 1 = the padding around the contents of the toolbox.
     * spacing / 1 = the vertical padding around the toolbox's grip.
     * spacing / 2 = the margin between each tool.
     * spacing / 2 = the vertical padding around each tool group.
     */
  /**
     * The size of a tool.
     */
  /**
     * The grip is positioned at the top of the toolbox. If the user clicks and
     * holds the mouse down whilst over the grip then the toolbox will be
     * draggable until they release the mouse button.
     */
  /**
     * Tools are organized into groups of related tools.
     */
  /**
     * The toolbox features a set of tools for editing the page content.
     */
}

/* line 22, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget.ct-toolbox {
  /**
         * The position of the toolbox is typically determined by the position
         * the user last placed it (this information is stored in local
         * storage). However we set a default position for the first time the
         * toolbox is displayed.
         */
  background: rgba(233, 233, 233, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.35);
  left: 128px;
  padding: 8px;
  position: fixed;
  top: 128px;
  width: 138px;
  /**
         * When the toolbox is being dragged to a new position by the user the
         * dragging modifier is applied. Whilst being dragged we reduce the
         * opacity of the toolbox to make it easier for the user to see the
         * content being dragged over.
         */
}

/* line 44, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget.ct-toolbox--dragging {
  opacity: 0.5;
}

/* line 56, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-toolbox__grip {
  padding: 8px 0;
}

/* line 65, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool-group {
  /**
         * Tools are floated to align horizontally so each group must clear its
         * children.
         */
  padding: 4px 0;
}

/* line 9, vendor/assets/stylesheets/editor/../bourbon/addons/_clearfix.scss */
.ct-widget .ct-tool-group::after {
  clear: both;
  content: "";
  display: table;
}

/* line 73, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool-group:first-child {
  padding-top: 0;
}

/* line 82, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool {
  border-radius: 2px;
  color: #464646;
  cursor: pointer;
  float: left;
  height: 32px;
  margin: 4px;
  margin-right: 4px;
  position: relative;
  text-align: center;
  width: 32px;
  /**
         * Tools are displayed in rows of 3 so re remove margin from the last
         * (3rd) tool in every row.
         */
  /**
         * The following modifiers reflect the state of the tool.
         */
  /**
         * The tools is currently disabled and cannot be selected (the hover
         * style is also disabled).
         */
  /**
         * The button has been clicked on and the mouse button is still in the
         * down state.
         */
  /**
         * The tool is currently applied to the selected element, and if there
         * is one text selection.
         */
  /**
         * Each of the modifiers below sets the content of the puesdo before
         * element to match the required icon. The list is ordered by the
         * position each tool in the default toolbox (as opposed to
         * alphabetically).
         */
}

/* line 47, vendor/assets/stylesheets/editor/_settings.scss */
.ct-widget .ct-tool:after {
  background: black;
  border-radius: 2px;
  color: white;
  content: attr(data-ct-tooltip);
  display: block;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  left: -26.5px;
  line-height: 20px;
  opacity: 0.0;
  padding: 0 8px;
  position: absolute;
  bottom: 37px;
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  visibility: hidden;
  width: 85px;
  word-break: break-word;
}

/* line 67, vendor/assets/stylesheets/editor/_settings.scss */
.ct-widget .ct-tool:hover:after {
  opacity: 0.8;
  visibility: visible;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.1s;
  -moz-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
  -webkit-transition-delay: 0.4s;
  -moz-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

/* line 99, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool:before {
  line-height: 32px;
}

/* line 107, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool:nth-child(3n) {
  margin-right: 0;
}

/* line 111, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool:hover {
  background: rgba(255, 255, 255, 0.5);
}

/* line 123, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--disabled {
  color: rgba(70, 70, 70, 0.33);
}

/* line 126, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--disabled:hover {
  background: transparent;
}

/* line 135, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--down {
  background: rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
  line-height: 34px;
}

/* line 140, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--down:hover {
  background: rgba(0, 0, 0, 0.025);
}

/* line 149, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--applied {
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25);
}

/* line 153, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--applied:hover {
  background: rgba(0, 0, 0, 0.15);
}

/* line 164, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--bold:before {
  content: "\ea62";
}

/* line 165, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--heading:before {
  content: "H";
  font-weight: bold;
}

/* line 166, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--subheading:before {
  content: "H";
}

/* line 167, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--paragraph:before {
  content: "P";
}

/* line 168, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--preformatted:before {
  content: "\ea80";
}

/* line 169, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--italic:before {
  content: "\ea64";
}

/* line 170, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--link:before {
  content: "\e9cb";
}

/* line 171, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--align-left:before {
  content: "\ea77";
}

/* line 172, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--align-center:before {
  content: "\ea78";
}

/* line 173, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--align-right:before {
  content: "\ea79";
}

/* line 174, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--unordered-list:before {
  content: "\e9ba";
}

/* line 175, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--ordered-list:before {
  content: "\e9b9";
}

/* line 176, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--table:before {
  content: "\ea71";
}

/* line 177, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--indent:before {
  content: "\ea7b";
}

/* line 178, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--unindent:before {
  content: "\ea7c";
}

/* line 179, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--line-break:before {
  content: "\ea6e";
}

/* line 180, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--image:before {
  content: "\e90d";
}

/* line 181, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--video:before {
  content: "\ea98";
}

/* line 182, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--undo:before {
  content: "\e965";
}

/* line 183, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--redo:before {
  content: "\e966";
}

/* line 184, vendor/assets/stylesheets/editor/ui/_toolbox.scss */
.ct-widget .ct-tool--remove:before {
  content: "\e9ac";
}

/**
 * The highlight class below is used to highlight editable regions within the
 * page to users to help them see what they can edit. It's slightly unusual in
 * that it's specified as a modifier of `ct`.
 */
@-webkit-keyframes highlight {
  0% {
    outline-color: rgba(255, 255, 255, 0);
    -webkit-transform: background-color;
  }
  25% {
    outline-color: #f39c12;
    -webkit-transform: background-color;
  }
  50% {
    outline-color: #f39c12;
    -webkit-transform: background-color;
  }
  100% {
    outline-color: rgba(255, 255, 255, 0);
    -webkit-transform: background-color;
  }
}

@-moz-keyframes highlight {
  0% {
    outline-color: rgba(255, 255, 255, 0);
    -moz-transform: background-color;
  }
  25% {
    outline-color: #f39c12;
    -moz-transform: background-color;
  }
  50% {
    outline-color: #f39c12;
    -moz-transform: background-color;
  }
  100% {
    outline-color: rgba(255, 255, 255, 0);
    -moz-transform: background-color;
  }
}

@keyframes highlight {
  0% {
    outline-color: rgba(255, 255, 255, 0);
    -webkit-transform: background-color;
    -moz-transform: background-color;
    -ms-transform: background-color;
    -o-transform: background-color;
    transform: background-color;
  }
  25% {
    outline-color: #f39c12;
    -webkit-transform: background-color;
    -moz-transform: background-color;
    -ms-transform: background-color;
    -o-transform: background-color;
    transform: background-color;
  }
  50% {
    outline-color: #f39c12;
    -webkit-transform: background-color;
    -moz-transform: background-color;
    -ms-transform: background-color;
    -o-transform: background-color;
    transform: background-color;
  }
  100% {
    outline-color: rgba(255, 255, 255, 0);
    -webkit-transform: background-color;
    -moz-transform: background-color;
    -ms-transform: background-color;
    -o-transform: background-color;
    transform: background-color;
  }
}

/* line 45, vendor/assets/stylesheets/editor/content-tools.scss */
.ct-app {
  box-sizing: border-box;
}

/* line 49, vendor/assets/stylesheets/editor/content-tools.scss */
.ct-app *, .ct-app *:before, .ct-app *:after {
  box-sizing: border-box;
}

/* line 57, vendor/assets/stylesheets/editor/content-tools.scss */
.ct--highlight {
  outline: 4px solid #f39c12;
  -webkit-animation: highlight 0.5s ease-in;
  -moz-animation: highlight 0.5s ease-in;
  animation: highlight 0.5s ease-in;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

/**
 * When applied to the `body` this class prevents the page from scrolling. This
 * can be a useful trait when overlaying content such as a dialog where
 * scrolling is either undesirable or relevant only to the overlayed content.
 */
/* line 67, vendor/assets/stylesheets/editor/content-tools.scss */
.ct--no-scroll {
  overflow: hidden;
}

/**
 * Sometimes it necessary to take focus from an element such as when asking a
 * user to provide a URL for a link. To provide an indication of the element's
 * selection before focus was list this class can be applied to a `span`
 * surrounding the element's selection.
 *
 * Once focus is returned to the element the class should be removed.
 */
/* line 79, vendor/assets/stylesheets/editor/content-tools.scss */
.ct--puesdo-select {
  background: rgba(0, 0, 0, 0.1);
}
@charset "UTF-8";
/* ==========================================================================
   INUITCSS
   ========================================================================== */
/**
 * inuitcss, by @csswizardry
 *
 * github.com/inuitcss | inuitcss.com
 */
/**
 * CONTENTS
 *
 * SETTINGS
 * Config...............Project-level configuration and feature switches.
 * Core.................inuitcss’ core and setup settings.
 * Global...............Project-wide variables and settings.
 *
 * TOOLS
 * Rem..................Tools for converting pixel inputs into their rem
 *                      equivalents.
 * Font-size............A mixin which guarantees baseline-friendly line-heights.
 * Clearfix.............Micro clearfix mixin.
 * Hidden...............Mixin for hiding elements.
 * Sass MQ..............inuitcss’ default media query manager.
 *
 * GENERIC
 * Box-sizing...........Better default `box-sizing`.
 * Normalize.css........A level playing field using @necolas’ Normalize.css.
 * Reset................A tiny reset to complement Normalize.css.
 * Shared...............Sensibly and tersely share some global commonalities
 *                      (particularly useful when managing vertical rhythm).
 *
 * ELEMENTS
 * Page.................Set up our document’s default `font-size` and
 *                      `line-height`.
 * Headings.............Very minimal (i.e. only font-size information) for
 *                      headings 1 through 6.
 * Images...............Base image styles.
 * Tables...............Simple table styles.
 * Inputs...............Base input styles.
 * Links................Base link styles.
 *
 * OBJECTS
 * Wrapper..............Page constraint object.
 * Layout...............Generic layout module.
 * Media................Image- and text-like content side by side. The
 *                      poster-child of OOCSS.
 * Flag.................Table-layout-based advancement on the Media object.
 * List-bare............Lists with no bullets or indents.
 * List-inline..........A list whose items all site in a line.
 * Box..................Simple boxing abstraction.
 * Block................Image-on-top-of-text object.
 * Ratio................A container for maintaining aspect ratio of content.
 * Crop.................Provide a cropping context for media (images, etc.).
 * Tables...............Classes for manipulating `table`s.
 * Pack.................Pack items into available horizontal space.
 *
 * COMPONENTS
 * Buttons..............Buttons, influcenced by the inuit example
 * Inputs...............Standard input fields
 * Headings.............Standard text headings
 *
 * Textmediablock.......New bigblock, image/video with text on the side
 * Textmediaband........Like block but more fluid
 * Magazineblock........Square block with heading/description
 * Htriplets............Horizontal section with three heading/text/anchor parts
 * Masthead.............Site header, with or without hero background image
 * Starthead............Start page sales header
 * Homehead.............Home page video header
 * Herohead.............Standard landing page hero with large picture
 * Sitenav..............Top menu bar
 * Band.................Full width bar for anchors or interactions
 * Sitefoot.............Site wide footer with search and nav
 * Quickstart...........Quickstart video selection
 * Videogrid............Grid of video blocks
 * Videoblock...........Representation of a video (previously called thumb)
 * Videofinder..........Video library filter tool
 * Videoshow............Video player and info
 * Playlistblock........Representation of a playlist (previously called card)
 * Playlistform.........Form for creating or editing a playlist
 * Playlistshow.........Playlist playback and list
 * AddToPlaylist........Forms for adding an entity to a playlist
 * Blogblock............1/3 size block representing a blog post
 * Blogpost.............Full size blog post in listing or standalone
 * Courseblock..........Representation of a course
 * Memberships..........Sales blocks with membership options
 * Listblock............Magazine blocks with lists
 * Testimonials.........Customer testimonials block
 * Profilehead..........Profile pages header
 * Profilenav...........Profile pages navigation menu
 * Profilesection.......Profile page section
 * Detailsform..........Form for user details (general)
 * Videosettings........Form for filter settings
 * Coursehead...........Where you execute courses, main information//video/step
 * Coursebody...........Presentation and curriculum part of courses
 * Coursefoot...........Course navigation between parts
 *
 * Sharedialog..........Share links for use in modal
 * Publicprofiledialog..Modal for accepting a public profile
 * Editbiodialog........Modal for editing your profile bio
 * Paymentdialog........Modal for making a payment
 * Modal................Modal window and background shadow
 * Flash................Flash messages
 * Loadingspinner.......Generic circle loading spinner
 *
 * Sections.............General section styles on large pages
 *
 * UTILITIES
 * Clearfix.............Bind our clearfix onto a utility class.
 * Widths...............Simple width helper classes.
 * Headings.............Reassigning our heading styles to helper classes.
 * Spacing..............Nudge bits of the DOM around with these spacing
 *                      classes.
 * Print................Reset-like styles taken from the HTML5 Boilerplate.
 * Hide.................Helper classes to hide content
 */
/**
 * Color constants
 */
/* line 145, app/assets/stylesheets/yogobe/yogobeinuit.scss */
.yogobe-rtl {
  direction: rtl;
}

/* ==========================================================================
   #BOX-SIZING
   ========================================================================== */
/**
 * More sensible default box-sizing:
 * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice
 */
/* line 10, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.box-sizing.scss */
html {
  box-sizing: border-box;
}

/* line 16, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.box-sizing.scss */
*, *:before, *:after {
  box-sizing: inherit;
}

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
/* line 13, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
/* line 27, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
/* line 35, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 49, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
/* line 62, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
/* line 72, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 81, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 92, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
/* line 105, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
/* line 115, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 125, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
/* line 135, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 144, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 154, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
/* line 165, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
/* line 173, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
/* line 182, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 191, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 199, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 203, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
/* line 214, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
/* line 223, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
/* line 232, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
/* line 240, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 252, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 268, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 278, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
/* line 289, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 300, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 312, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
/* line 323, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 336, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 350, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
/* line 359, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
/* line 368, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 378, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 388, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
/* line 397, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 407, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
/* line 420, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
/* line 429, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
/* line 440, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
/* line 448, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
/* line 459, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.normalize.scss */
[hidden] {
  display: none;
}

/* ==========================================================================
   #RESET
   ========================================================================== */
/**
 * A very simple reset that sits on top of Normalize.css.
 */
/* line 9, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.reset.scss */
body,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, dd, ol, ul,
figure,
hr,
fieldset, legend {
  margin: 0;
  padding: 0;
}

/**
 * Remove trailing margins from nested lists.
 */
/* line 27, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.reset.scss */
li > ol,
li > ul {
  margin-bottom: 0;
}

/**
 * Remove default table spacing.
 */
/* line 39, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * 1. Reset Chrome and Firefox behaviour which sets a `min-width: min-content;`
 *    on fieldsets.
 */
/* line 50, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.reset.scss */
fieldset {
  min-width: 0;
  /* [1] */
  border: 0;
}

/* ==========================================================================
   #SHARED
   ========================================================================== */
/**
 * Shared declarations for certain elements.
 */
/**
 * Always declare margins in the same direction:
 * csswizardry.com/2012/06/single-direction-margin-declarations
 */
/* stylelint-disable selector-list-comma-newline-after */
/* line 16, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.shared.scss */
address,
h1, h2, h3, h4, h5, h6,
blockquote, p, pre,
dl, ol, ul,
figure,
hr,
table,
fieldset {
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

/**
 * Consistent indentation for lists.
 */
/* line 32, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/generic/_generic.shared.scss */
dd, ol, ul {
  margin-left: 20px;
  margin-left: 1.25rem;
}

/* stylelint-enable selector-list-comma-newline-after */
@font-face {
  font-family: "ygb-font";
  src: url(https://yogobe.com/assets/ygb-font-8017cd8fa28f02e501ddd5e13c20431ab3bc562411cb3ce2f01445e37999cfd5.eot?2smuw6);
  src: url(https://yogobe.com/assets/ygb-font-8017cd8fa28f02e501ddd5e13c20431ab3bc562411cb3ce2f01445e37999cfd5.eot?2smuw6#iefix) format("embedded-opentype"), url(https://yogobe.com/assets/ygb-font-b46e8642ba5c3f15348f7cdd2cd0a7ece3b615d27d8559d2c604ed01ed3fca26.ttf?2smuw6) format("truetype"), url(https://yogobe.com/assets/ygb-font-6413800d5c7a21173daab69362774b78acc24d76dd7461efebc0f43582c6bb43.woff?2smuw6) format("woff"), url(https://yogobe.com/assets/ygb-font-42641698e5b593e47aa263b9f779fe27fbb705f8bbea4567f2253f7e62cf1d5b.svg?2smuw6#ygb-font) format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 12, app/assets/stylesheets/yogobe/fonts.scss */
[class^='ygb-icon-'],
[class*=' ygb-icon-'] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ygb-font' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 28, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-programlenght-ic:before {
  content: '\e94a';
}

/* line 31, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-programlock-ic:before {
  content: '\e94b';
}

/* line 34, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-quiz-ic:before {
  content: '\e94c';
}

/* line 37, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-resume-ic:before {
  content: '\e94d';
}

/* line 40, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-stat1-ic:before {
  content: '\e94e';
  color: #fff;
}

/* line 44, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-stat2-ic:before {
  content: '\e94f';
  color: #fff;
}

/* line 48, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-stat3-ic:before {
  content: '\e950';
  color: #fff;
}

/* line 52, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-stat4-ic:before {
  content: '\e951';
  color: #fff;
}

/* line 56, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-youhere-ic:before {
  content: '\e952';
}

/* line 59, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-receiptsEmpty-ic:before {
  content: '\e949';
  color: #bfbfbf;
}

/* line 63, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-yogobe-logo2019_1:before {
  content: '\e948';
  color: #56b8e4;
}

/* line 67, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-playlist-empty-ic:before {
  content: '\e947';
}

/* line 70, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-card-ic:before {
  content: '\e945';
}

/* line 73, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-banktransfer-ic:before {
  content: '\e946';
}

/* line 76, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-checkmark:before {
  content: '\e944';
  color: #cd206a;
}

/* line 80, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-program-ic:before {
  content: '\e942';
}

/* line 83, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-Back-arrow-ic:before {
  content: '\e941';
}

/* line 86, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-facebook-ic:before {
  content: '\e93c';
}

/* line 89, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-instagram-ic:before {
  content: '\e93d';
}

/* line 92, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-linkedin-ic:before {
  content: '\e93e';
}

/* line 95, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-twitter-ic:before {
  content: '\e93f';
}

/* line 98, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-youtube-ic:before {
  content: '\e940';
}

/* line 101, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-play-video-large:before {
  content: '\e93b';
  color: #fff;
}

/* line 105, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-yb-icon-alt:before {
  content: '\e93a';
  color: #56b8e4;
}

/* line 109, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-YBlogo-y:before {
  content: '\e938';
  color: #56b9e5;
}

/* line 113, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-edit:before {
  content: '\e939';
}

/* line 116, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-warning2:before {
  content: '\e955';
  color: #f58623;
}

/* line 120, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-list-old:before {
  content: '\e933';
}

/* line 123, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-arrow-down:before {
  content: '\e900';
}

/* line 126, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-arrow-left:before {
  content: '\e901';
}

/* line 129, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-arrow-right:before {
  content: '\e902';
}

/* line 132, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-arrow-up:before {
  content: '\e903';
}

/* line 135, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-bloc:before {
  content: '\e904';
}

/* line 138, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-calendar:before {
  content: '\e905';
}

/* line 141, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-chevron-down:before {
  content: '\e906';
}

/* line 144, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-chevron-down-alt:before {
  content: '\e907';
}

/* line 147, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-chevron-left:before {
  content: '\e908';
}

/* line 150, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-chevron-left-alt:before {
  content: '\e909';
}

/* line 153, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-chevron-right:before {
  content: '\e90a';
}

/* line 156, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-chevron-right-alt:before {
  content: '\e90b';
}

/* line 159, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-chevron-up:before {
  content: '\e90c';
}

/* line 162, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-chevron-up-alt:before {
  content: '\e90d';
}

/* line 165, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-close:before {
  content: '\e90e';
}

/* line 168, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-download:before {
  content: '\e90f';
}

/* line 171, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-emoji1:before {
  content: '\e910';
}

/* line 174, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-emoji1-active:before {
  content: '\e911';
  color: #269e12;
}

/* line 178, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-emoji2:before {
  content: '\e912';
}

/* line 181, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-emoji2-active:before {
  content: '\e913';
  color: #a7b027;
}

/* line 185, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-emoji3:before {
  content: '\e914';
}

/* line 188, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-emoji4:before {
  content: '\e915';
}

/* line 191, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-emoji4-active:before {
  content: '\e916';
  color: #e5821f;
}

/* line 195, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-emoji5:before {
  content: '\e917';
}

/* line 198, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-emoji5-active:before {
  content: '\e918';
  color: #ca3030;
}

/* line 202, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-fullscreen-alt:before {
  content: '\e919';
}

/* line 205, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-fullscreenb:before {
  content: '\e91a';
}

/* line 208, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-hamburgermenub:before {
  content: '\e91b';
}

/* line 211, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-heart-filled:before {
  content: '\e91c';
}

/* line 214, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-heart-outline:before {
  content: '\e91d';
}

/* line 217, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-infob:before {
  content: '\e91e';
}

/* line 220, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-list:before {
  content: '\e91f';
}

/* line 223, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-menu-hor:before {
  content: '\e920';
}

/* line 226, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-menu-verb:before {
  content: '\e921';
}

/* line 229, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-pause:before {
  content: '\e922';
}

/* line 232, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-play:before {
  content: '\e923';
}

/* line 235, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-playlist:before {
  content: '\e924';
}

/* line 238, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-uniE925:before {
  content: '\e925';
}

/* line 241, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-uniE926:before {
  content: '\e926';
}

/* line 244, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-plus:before {
  content: '\e927';
}

/* line 247, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-plus-alt:before {
  content: '\e928';
}

/* line 250, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-questionb:before {
  content: '\e929';
}

/* line 253, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-searchb:before {
  content: '\e92a';
}

/* line 256, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-settings:before {
  content: '\e92b';
}

/* line 259, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-share:before {
  content: '\e92c';
}

/* line 262, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-trash:before {
  content: '\e92d';
}

/* line 265, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-volume:before {
  content: '\e92e';
}

/* line 268, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-warningb:before {
  content: '\e92f';
}

/* line 271, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-yogobe:before {
  content: '\e930';
}

/* line 274, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-yogobe-white:before {
  content: '\e931';
}

/* line 277, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-slider_arrow:before {
  content: '\1f5f5';
}

/* line 280, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-arrow-left-simple-line-icons:before {
  content: '\e936';
}

/* line 283, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-arrow-right-simple-line-icons:before {
  content: '\e943';
}

/* line 286, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-cancel:before {
  content: '\e932';
}

/* line 289, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-close1:before {
  content: '\e932';
}

/* line 292, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-remove:before {
  content: '\e932';
}

/* line 295, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-dismiss:before {
  content: '\e932';
}

/* line 298, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-cast_connected:before {
  content: '\e935';
}

/* line 301, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-cast:before {
  content: '\e937';
}

/* line 304, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-backward2:before {
  content: '\ea1f';
}

/* line 307, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-forward3:before {
  content: '\ea20';
}

/* line 310, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-first:before {
  content: '\ea21';
}

/* line 313, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-last:before {
  content: '\ea22';
}

/* line 316, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-previous2:before {
  content: '\ea23';
}

/* line 319, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-next2:before {
  content: '\ea24';
}

/* line 322, app/assets/stylesheets/yogobe/fonts.scss */
.ygb-icon-calendar-o:before {
  content: '\e934';
}

/* line 169, app/assets/stylesheets/yogobe/yogobeinuit.scss */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 174, app/assets/stylesheets/yogobe/yogobeinuit.scss */
body {
  font-family: "Libre Franklin", Helvetica, Arial, sans-serif;
  font-weight: 300;
  /*-webkit-font-smoothing: antialiased; /* subpixel-antialiased is smoother
                                          but a lot thicker */
  letter-spacing: 0.3px;
  /* compensate for tighter spacing from
                            subpixel-antialiased */
  color: #3c3c3c;
}

/* width */
/* line 184, app/assets/stylesheets/yogobe/yogobeinuit.scss */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
/* line 188, app/assets/stylesheets/yogobe/yogobeinuit.scss */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
/* line 192, app/assets/stylesheets/yogobe/yogobeinuit.scss */
::-webkit-scrollbar-thumb {
  background: #d1d9df;
}

/* Handle on hover */
/* line 196, app/assets/stylesheets/yogobe/yogobeinuit.scss */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/**
 * Font weights
 * 100  thin
 * 200  extra-light
 * 300  light
 * 400  regular
 * 500  medium
 * 600  semi-bold
 * 700  bold
 * 800  extra-bold
 * 900  black
 */
/* ==========================================================================
   #PAGE
   ========================================================================== */
/**
 * Simple page-level setup.
 *
 * 1. Set the default `font-size` and `line-height` for the entire project,
 *    sourced from our default variables. The `font-size` is calculated to exist
 *    in ems, the `line-height` is calculated to exist unitlessly.
 * 2. Force scrollbars to always be visible to prevent awkward ‘jumps’ when
 *    navigating between pages that do/do not have enough content to produce
 *    scrollbars naturally.
 * 3. Ensure the page always fills at least the entire height of the viewport.
 */
/* line 17, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/elements/_elements.page.scss */
html {
  font-size: 1em;
  /* [1] */
  line-height: 1.5;
  /* [1] */
  overflow-y: scroll;
  /* [2] */
  min-height: 100%;
  /* [3] */
}

/* line 213, app/assets/stylesheets/yogobe/yogobeinuit.scss */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 400;
}

/* ==========================================================================
   #IMAGES
   ========================================================================== */
/**
 * 1. Fluid images for responsive purposes.
 * 2. Offset `alt` text from surrounding copy.
 * 3. Setting `vertical-align` removes the whitespace that appears under `img`
 *    elements when they are dropped into a page as-is. Safer alternative to
 *    using `display: block;`.
 */
/* line 13, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/elements/_elements.images.scss */
img {
  max-width: 100%;
  /* [1] */
  font-style: italic;
  /* [2] */
  vertical-align: middle;
  /* [3] */
}

/**
 * 1. If a `width` and/or `height` attribute have been explicitly defined, let’s
 *    not make the image fluid.
 */
/* line 25, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/elements/_elements.images.scss */
img[width],
img[height] {
  /* [1] */
  max-width: none;
}

/* ==========================================================================
   #TABLES
   ========================================================================== */
/**
 * 1. Ensure tables fill up as much space as possible.
 */
/* line 9, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/elements/_elements.tables.scss */
table {
  width: 100%;
  /* [1] */
}

/* line 1, app/assets/stylesheets/yogobe/elements/elements.inputs.sass */
input {
  outline: none;
}

/* line 3, app/assets/stylesheets/yogobe/elements/elements.inputs.sass */
input::placeholder {
  font-weight: 300;
  color: #c7c7c7;
}

/* line 6, app/assets/stylesheets/yogobe/elements/elements.inputs.sass */
input::-webkit-placeholder {
  font-weight: 300;
  color: #c7c7c7;
}

/* line 9, app/assets/stylesheets/yogobe/elements/elements.inputs.sass */
input::-ms-placeholder {
  font-weight: 300;
  color: #c7c7c7;
}

/* line 15, app/assets/stylesheets/yogobe/elements/elements.inputs.sass */
textarea {
  outline: none;
}

/* line 17, app/assets/stylesheets/yogobe/elements/elements.inputs.sass */
textarea::placeholder {
  font-weight: 300;
  color: #c7c7c7;
}

/* line 20, app/assets/stylesheets/yogobe/elements/elements.inputs.sass */
textarea::-webkit-placeholder {
  font-weight: 300;
  color: #c7c7c7;
}

/* line 23, app/assets/stylesheets/yogobe/elements/elements.inputs.sass */
textarea::-ms-placeholder {
  font-weight: 300;
  color: #c7c7c7;
}

/* line 1, app/assets/stylesheets/yogobe/elements/elements.links.sass */
a {
  color: #56b9e5;
  text-decoration: none;
  outline: none;
}

/* ==========================================================================
   #WRAPPER
   ========================================================================== */
/**
 * Page-level constraining and wrapping elements.
 */
/* stylelint-disable */
/* stylelint-enable */
/* line 17, app/assets/stylesheets/objects/objects.wrapper.scss */
.o-wrapper {
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1280px;
}

/* line 13, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/tools/_tools.clearfix.scss */
.o-wrapper:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

/* Size variants.
   ========================================================================== */
/* line 33, app/assets/stylesheets/objects/objects.wrapper.scss */
.o-wrapper--tiny {
  padding-right: 5px;
  padding-left: 5px;
}

/* line 38, app/assets/stylesheets/objects/objects.wrapper.scss */
.o-wrapper--small {
  padding-right: 10px;
  padding-left: 10px;
}

/* line 43, app/assets/stylesheets/objects/objects.wrapper.scss */
.o-wrapper--large {
  padding-right: 40px;
  padding-left: 40px;
}

/* line 48, app/assets/stylesheets/objects/objects.wrapper.scss */
.o-wrapper--huge {
  padding-right: 60px;
  padding-left: 60px;
}

/* Custom media queries.
   ========================================================================== */
@media (max-width: 46.24em) {
  /* line 60, app/assets/stylesheets/objects/objects.wrapper.scss */
  .o-wrapper--except-mobile {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 46.25em) {
  /* line 67, app/assets/stylesheets/objects/objects.wrapper.scss */
  .o-wrapper--only-mobile {
    padding-right: 0;
    padding-left: 0;
  }
}

/* line 78, app/assets/stylesheets/objects/objects.wrapper.scss */
.o-wrapper--shadow {
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.06);
}

/* ==========================================================================
   #LAYOUT
   ========================================================================== */
/**
 * Grid-like layout system.
 *
 * The layout object provides us with a column-style layout system. This file
 * contains the basic structural elements, but classes should be complemented
 * with width utilities, for example:
 *
 *   <div class="o-layout">
 *     <div class="o-layout__item  u-1/2">
 *     </div>
 *     <div class="o-layout__item  u-1/2">
 *     </div>
 *   </div>
 *
 * The above will create a two-column structure in which each column will
 * fluidly fill half of the width of the parent. We can have more complex
 * systems:
 *
 *   <div class="o-layout">
 *     <div class="o-layout__item  u-1/1  u-1/3@medium">
 *     </div>
 *     <div class="o-layout__item  u-1/2  u-1/3@medium">
 *     </div>
 *     <div class="o-layout__item  u-1/2  u-1/3@medium">
 *     </div>
 *   </div>
 *
 * The above will create a system in which the first item will be 100% width
 * until we enter our medium breakpoint, when it will become 33.333% width. The
 * second and third items will be 50% of their parent, until they also become
 * 33.333% width at the medium breakpoint.
 *
 * We can also manipulate entire layout systems by adding a series of modifiers
 * to the `.o-layout` block. For example:
 *
 *   <div class="o-layout  o-layout--reverse">
 *
 * This will reverse the displayed order of the system so that it runs in the
 * opposite order to our source, effectively flipping the system over.
 *
 *   <div class="o-layout  o-layout--[right|center]">
 *
 * This will cause the system to fill up from either the centre or the right
 * hand side. Default behaviour is to fill up the layout system from the left.
 *
 * There are plenty more options available to us: explore them below.
 */
/* Default/mandatory classes.
   ========================================================================== */
/**
 * 1. Allows us to use the layout object on any type of element.
 * 2. We need to defensively reset any box-model properties.
 * 3. Use the negative margin trick for multi-row grids:
 *    http://csswizardry.com/2011/08/building-better-grid-systems/
 */
/* line 72, app/assets/stylesheets/yogobe/objects/objects.layout.scss */
.o-layout {
  display: block;
  /* [1] */
  margin: 0;
  /* [2] */
  padding: 0;
  /* [2] */
  list-style: none;
  /* [1] */
  margin-left: -20px;
  /* [3] */
}

/**
   * 1. Required in order to combine fluid widths with fixed gutters.
   * 2. Allows us to manipulate grids vertically, with text-level properties,
   *    etc.
   * 3. Default item alignment is with the tops of each other, like most
   *    traditional grid/layout systems.
   * 4. By default, all layout items are full-width (mobile first).
   * 5. Gutters provided by left padding:
   *    http://csswizardry.com/2011/08/building-better-grid-systems/
   * 6. Fallback for old IEs not supporting `rem` values.
   */
/* line 98, app/assets/stylesheets/yogobe/objects/objects.layout.scss */
.o-layout__item {
  box-sizing: border-box;
  /* [1] */
  display: inline-block;
  /* [2] */
  vertical-align: top;
  /* [3] */
  width: 100%;
  /* [4] */
  padding-left: 20px;
  /* [5] */
}

/* Gutter size modifiers.
   ========================================================================== */
/* Disabled since variables are not updated with horizontal spacing unit

.o-layout--tiny {
  margin-left: -$inuit-global-spacing-unit-tiny;

  > .o-layout__item {
    padding-left: $inuit-global-spacing-unit-tiny;
  }

}


.o-layout--small {
  margin-left: -$inuit-global-spacing-unit-small;

  > .o-layout__item {
    padding-left: $inuit-global-spacing-unit-small;
  }

}


.o-layout--large {
  margin-left: -$inuit-global-spacing-unit-large;

  > .o-layout__item {
    padding-left: $inuit-global-spacing-unit-large;
  }

}


.o-layout--huge {
  margin-left: -$inuit-global-spacing-unit-huge;

  > .o-layout__item {
    padding-left: $inuit-global-spacing-unit-huge;
  }

}
*/
/* line 162, app/assets/stylesheets/yogobe/objects/objects.layout.scss */
.o-layout--flush {
  margin-left: 0;
}

/* line 165, app/assets/stylesheets/yogobe/objects/objects.layout.scss */
.o-layout--flush > .o-layout__item {
  padding-left: 0;
}

/* Vertical alignment modifiers.
   ========================================================================== */
/**
 * Align all grid items to the middles of each other.
 */
/* line 183, app/assets/stylesheets/yogobe/objects/objects.layout.scss */
.o-layout--middle > .o-layout__item {
  vertical-align: middle;
}

/**
 * Align all grid items to the bottoms of each other.
 */
/* line 196, app/assets/stylesheets/yogobe/objects/objects.layout.scss */
.o-layout--bottom > .o-layout__item {
  vertical-align: bottom;
}

/* Fill order modifiers.
   ========================================================================== */
/**
 * Fill up the layout system from the centre.
 */
/* line 213, app/assets/stylesheets/yogobe/objects/objects.layout.scss */
.o-layout--center {
  text-align: center;
}

/* line 216, app/assets/stylesheets/yogobe/objects/objects.layout.scss */
.o-layout--center > .o-layout__item {
  text-align: left;
}

/**
 * Fill up the layout system from the right-hand side.
 */
/* line 227, app/assets/stylesheets/yogobe/objects/objects.layout.scss */
.o-layout--right {
  text-align: right;
}

/* line 230, app/assets/stylesheets/yogobe/objects/objects.layout.scss */
.o-layout--right > .o-layout__item {
  text-align: left;
}

/**
 * Reverse the rendered order of the grid system.
 */
/* line 241, app/assets/stylesheets/yogobe/objects/objects.layout.scss */
.o-layout--reverse {
  direction: rtl;
}

/* line 244, app/assets/stylesheets/yogobe/objects/objects.layout.scss */
.o-layout--reverse > .o-layout__item {
  direction: ltr;
  text-align: left;
}

/* ==========================================================================
   #MEDIA
   ========================================================================== */
/**
 * Place any image- and text-like content side-by-side, as per:
 * http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code
 */
/* line 10, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.media.scss */
.o-media {
  display: block;
}

/* line 13, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/tools/_tools.clearfix.scss */
.o-media:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

/* line 16, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.media.scss */
.o-media__img {
  float: left;
  margin-right: 20px;
}

/* line 20, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.media.scss */
.o-media__img > img {
  display: block;
}

/* line 27, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.media.scss */
.o-media__body {
  overflow: hidden;
  display: block;
}

/* line 31, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.media.scss */
.o-media__body,
.o-media__body > :last-child {
  margin-bottom: 0;
}

/* Size variants
   ========================================================================== */
/**
 * Modify the amount of space between our image and our text. We also have
 * reversible options for all available sizes.
 */
/* line 52, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.media.scss */
.o-media--tiny > .o-media__img {
  margin-right: 5px;
}

/* line 58, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.media.scss */
.o-media--tiny.o-media--reverse > .o-media__img {
  margin-right: 0;
  margin-left: 5px;
}

/* line 70, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.media.scss */
.o-media--small > .o-media__img {
  margin-right: 10px;
}

/* line 76, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.media.scss */
.o-media--small.o-media--reverse > .o-media__img {
  margin-right: 0;
  margin-left: 10px;
}

/* line 88, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.media.scss */
.o-media--large > .o-media__img {
  margin-right: 40px;
}

/* line 94, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.media.scss */
.o-media--large.o-media--reverse > .o-media__img {
  margin-right: 0;
  margin-left: 40px;
}

/* line 106, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.media.scss */
.o-media--huge > .o-media__img {
  margin-right: 60px;
}

/* line 112, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.media.scss */
.o-media--huge.o-media--reverse > .o-media__img {
  margin-right: 0;
  margin-left: 60px;
}

/* Reversed media objects
   ========================================================================== */
/* line 130, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.media.scss */
.o-media--reverse > .o-media__img {
  float: right;
  margin-right: 0;
  margin-left: 20px;
}

/* Gutterless media objects
   ========================================================================== */
/* line 147, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.media.scss */
.o-media--flush > .o-media__img {
  margin-right: 0;
  margin-left: 0;
}

/* ==========================================================================
   #FLAG
   ========================================================================== */
/**
 * The flag object is a design pattern similar to the media object, however it
 * utilises `display: table[-cell];` to give us control over the vertical
 * alignments of the text and image.
 *
 * http://csswizardry.com/2013/05/the-flag-object/
 *
 * 1. Allows us to control vertical alignments.
 * 2. Force the object to be the full width of its parent. Combined with [1],
 *    this makes the object behave in a quasi-`display: block;` manner.
 */
/* line 17, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag {
  display: table;
  /* [1] */
  width: 100%;
  /* [2] */
}

/**
   * Items within a flag object. There should only ever be one of each.
   *
   * 1. Default to aligning content to their middles.
   */
/* line 29, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag__img,
.o-flag__body {
  display: table-cell;
  vertical-align: middle;
  /* [1] */
}

/**
   * Flag images have a space between them and the body of the object.
   *
   * 1. Force `.flag__img` to take up as little space as possible:
   *    https://pixelsvsbytes.com/2012/02/this-css-layout-grid-is-no-holy-grail/
   */
/* line 43, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag__img {
  width: 1px;
  /* [1] */
  padding-right: 20px;
  /**
     * 1. Fixes problem with images disappearing.
     */
}

/* line 52, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag__img > img {
  max-width: none;
  /* [1] */
}

/**
   * The container for the main content of the flag object.
   *
   * 1. Forces the `.flag__body` to take up all remaining space.
   */
/* line 65, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag__body {
  width: auto;
  /* [1] */
}

/* line 68, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag__body,
.o-flag__body > :last-child {
  margin-bottom: 0;
}

/* Size variants.
   ========================================================================== */
/* line 84, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag--tiny > .o-flag__img {
  padding-right: 5px;
}

/* line 90, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag--tiny.o-flag--reverse > .o-flag__img {
  padding-right: 0;
  padding-left: 5px;
}

/* line 101, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag--small > .o-flag__img {
  padding-right: 10px;
}

/* line 107, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag--small.o-flag--reverse > .o-flag__img {
  padding-right: 0;
  padding-left: 10px;
}

/* line 118, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag--large > .o-flag__img {
  padding-right: 40px;
}

/* line 124, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag--large.o-flag--reverse > .o-flag__img {
  padding-right: 0;
  padding-left: 40px;
}

/* line 135, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag--huge > .o-flag__img {
  padding-right: 60px;
}

/* line 141, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag--huge.o-flag--reverse > .o-flag__img {
  padding-right: 0;
  padding-left: 60px;
}

/* line 152, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag--flush > .o-flag__img {
  padding-right: 0;
  padding-left: 0;
}

/* Reversed flag.
   ========================================================================== */
/**
 * 1. Swap the rendered direction of the object…
 * 2. …and reset it.
 * 3. Reassign margins to the correct sides.
 */
/* line 172, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag--reverse {
  direction: rtl;
  /* [1] */
}

/* line 175, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag--reverse > .o-flag__img,
.o-flag--reverse > .o-flag__body {
  direction: ltr;
  /* [2] */
}

/* line 180, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag--reverse > .o-flag__img {
  padding-right: 0;
  /* [3] */
  padding-left: 20px;
  /* [3] */
}

/* Alignment variants.
   ========================================================================== */
/**
 * Vertically align the image- and body-content differently. Defaults to middle.
 */
/* line 200, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag--top > .o-flag__img,
.o-flag--top > .o-flag__body {
  vertical-align: top;
}

/* line 209, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.flag.scss */
.o-flag--bottom > .o-flag__img,
.o-flag--bottom > .o-flag__body {
  vertical-align: bottom;
}

/* ==========================================================================
   #LIST-BARE
   ========================================================================== */
/**
 * Strip list-like appearance from lists by removing their bullets, and any
 * indentation.
 */
/* line 10, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.list-bare.scss */
.o-list-bare {
  list-style: none;
  margin-left: 0;
}

/* ==========================================================================
   #LIST-INLINE
   ========================================================================== */
/**
 * The list-inline object simply displays a list of items in one line.
 */
/* line 9, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.list-inline.scss */
.o-list-inline {
  margin-left: 0;
  list-style: none;
}

/* line 15, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.list-inline.scss */
.o-list-inline__item {
  display: inline-block;
}

/* Delimited list.
   ========================================================================== */
/**
 * By default, applying this class will comma separate your list items. You can
 * change the delimiter by predefining the following variable:
 */
/**
 * 1. Fallback for old IEs not supporting `rem` values.
 */
/* line 37, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.list-inline.scss */
.o-list-inline--delimited {
  font-size: 0;
}

/* line 40, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.list-inline.scss */
.o-list-inline--delimited > .o-list-inline__item {
  font-size: 16px;
  /* [1] */
  font-size: 1rem;
}

/* line 47, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.list-inline.scss */
.o-list-inline--delimited > .o-list-inline__item + .o-list-inline__item:before {
  content: ", ";
}

/* ==========================================================================
   #BOX
   ========================================================================== */
/**
 * The box object simply boxes off content. Extend with cosmetic styles in the
 * Components layer.
 *
 * 1. So we can apply the `.o-box` class to naturally-inline elements.
 */
/* line 12, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.box.scss */
.o-box {
  display: block;
  /* [1] */
  padding: 20px;
}

/* line 13, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/tools/_tools.clearfix.scss */
.o-box:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

/* line 17, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.box.scss */
.o-box > :last-child {
  margin-bottom: 0;
}

/* Size variants
   ========================================================================== */
/* line 30, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.box.scss */
.o-box--flush {
  padding: 0;
}

/* line 34, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.box.scss */
.o-box--tiny {
  padding: 5px;
}

/* line 38, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.box.scss */
.o-box--small {
  padding: 10px;
}

/* line 42, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.box.scss */
.o-box--large {
  padding: 40px;
}

/* line 46, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.box.scss */
.o-box--huge {
  padding: 60px;
}

/* ==========================================================================
   #BLOCK
   ========================================================================== */
/**
 * Stacked image-with-text object. A simple abstraction to cover a very commonly
 * occurring design pattern.
 */
/* line 10, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.block.scss */
.o-block {
  display: block;
  text-align: center;
}

/* line 16, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.block.scss */
.o-block__img {
  margin-bottom: 20px;
  /* Size variants.
       ====================================================================== */
}

/* line 23, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.block.scss */
.o-block--flush > .o-block__img {
  margin-bottom: 0;
}

/* line 27, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.block.scss */
.o-block--tiny > .o-block__img {
  margin-bottom: 5px;
}

/* line 31, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.block.scss */
.o-block--small > .o-block__img {
  margin-bottom: 10px;
}

/* line 35, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.block.scss */
.o-block--large > .o-block__img {
  margin-bottom: 40px;
}

/* line 39, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.block.scss */
.o-block--huge > .o-block__img {
  margin-bottom: 60px;
}

/* line 46, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.block.scss */
.o-block__body {
  display: block;
}

/* Alignment variants.
   ========================================================================== */
/* line 57, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.block.scss */
.o-block--right {
  text-align: right;
}

/* line 61, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.block.scss */
.o-block--left {
  text-align: left;
}

/* ==========================================================================
   #RATIO
   ========================================================================== */
/**
 * Create ratio-bound content blocks, to keep media (e.g. images, videos) in
 * their correct aspect ratios.
 *
 * http://alistapart.com/article/creating-intrinsic-ratios-for-video
 *
 * 1. Default cropping is a 1:1 ratio (i.e. a perfect square).
 */
/* line 24, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.ratio.scss */
.o-ratio {
  position: relative;
  display: block;
  overflow: hidden;
}

/* line 29, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.ratio.scss */
.o-ratio:before {
  content: "";
  display: block;
  width: 100%;
  padding-bottom: 100%;
  /* [1] */
}

/* line 39, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.ratio.scss */
.o-ratio__content,
.o-ratio > iframe,
.o-ratio > embed,
.o-ratio > object {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* stylelint-disable */
/* Ratio variants.
   ========================================================================== */
/**
 * Generate a series of ratio classes to be used like so:
 *
 *   <div class="o-ratio  o-ratio--16:9">
 *
 */
/* line 77, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.ratio.scss */
.o-ratio--4\:1:before {
  padding-bottom: 25%;
}

/* line 77, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.ratio.scss */
.o-ratio--2\:1:before {
  padding-bottom: 50%;
}

/* line 77, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.ratio.scss */
.o-ratio--4\:3:before {
  padding-bottom: 75%;
}

/* line 77, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.ratio.scss */
.o-ratio--16\:9:before {
  padding-bottom: 56.25%;
}

/* stylelint-enable */
/* ==========================================================================
   #CROP
   ========================================================================== */
/**
 * Provide a cropping container in order to display media (usually images)
 * cropped to certain ratios.
 *
 * 1. Set up a positioning context in which the image can sit.
 * 2. This is the crucial part: where the cropping happens.
 */
/* line 23, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.crop.scss */
.o-crop {
  position: relative;
  /* [1] */
  display: block;
  overflow: hidden;
  /* [2] */
}

/**
   * Apply this class to the content (usually `img`) that needs cropping.
   *
   * 1. Image’s default positioning is top-left in the cropping box.
   * 2. Make sure the media doesn’t stop itself too soon.
   */
/* line 37, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.crop.scss */
.o-crop__content {
  position: absolute;
  top: 0;
  /* [1] */
  left: 0;
  /* [1] */
  max-width: none;
  /* [2] */
}

/**
   * We can position the media in different locations within the cropping area.
   */
/* line 49, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.crop.scss */
.o-crop__content--right {
  right: 0;
  left: auto;
}

/* line 54, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.crop.scss */
.o-crop__content--bottom {
  top: auto;
  bottom: 0;
}

/* line 59, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.crop.scss */
.o-crop__content--center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* stylelint-disable */
/* Crop-ratio variants.
   ========================================================================== */
/**
 * Generate a series of crop classes to be used like so:
 *
 *   <div class="o-crop  o-crop--16:9">
 *
 */
/* line 91, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.crop.scss */
.o-crop--2\:1 {
  padding-bottom: 50%;
}

/* line 91, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.crop.scss */
.o-crop--4\:3 {
  padding-bottom: 75%;
}

/* line 91, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.crop.scss */
.o-crop--16\:9 {
  padding-bottom: 56.25%;
}

/* stylelint-enable */
/* ==========================================================================
   #TABLES
   ========================================================================== */
/**
 * A simple object for manipulating the structure of HTML `table`s.
 */
/* line 9, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.tables.scss */
.o-table {
  width: 100%;
}

/* Equal-width table cells.
   ========================================================================== */
/**
 * `table-layout: fixed` forces all cells within a table to occupy the same
 * width as each other. This also has performance benefits: because the browser
 * does not need to (re)calculate cell dimensions based on content it discovers,
 * the table can be rendered very quickly. Further reading:
 * https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout#Values
 */
/* line 29, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.tables.scss */
.o-table--fixed {
  table-layout: fixed;
}

/* Size variants.
   ========================================================================== */
/* line 42, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.tables.scss */
.o-table--tiny th,
.o-table--tiny td {
  padding: 5px;
}

/* line 51, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.tables.scss */
.o-table--small th,
.o-table--small td {
  padding: 10px;
}

/* line 60, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.tables.scss */
.o-table--large th,
.o-table--large td {
  padding: 40px;
}

/* line 69, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.tables.scss */
.o-table--huge th,
.o-table--huge td {
  padding: 60px;
}

/* ==========================================================================
   #PACK
   ========================================================================== */
/**
 * The pack object simply causes any number of elements pack up horizontally to
 * automatically fill an equal, fluid width of their parent.
 *
 * 1. Fill all available space.
 * 2. Remove any leftover styling from lists.
 * 3. Cause children to be automatically equally sized.
 */
/* line 14, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.pack.scss */
.o-pack {
  width: 100%;
  /* [1] */
  margin-left: 0;
  /* [2] */
  display: table;
  table-layout: fixed;
  /* [3] */
}

/**
   * 1. Cause children to adopt table-like structure.
   */
/* line 25, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.pack.scss */
.o-pack__item {
  display: table-cell;
  /* [1] */
  /* Vertical alignment variants.
       ====================================================================== */
}

/* line 32, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.pack.scss */
.o-pack--middle > .o-pack__item {
  vertical-align: middle;
}

/* line 36, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.pack.scss */
.o-pack--bottom > .o-pack__item {
  vertical-align: bottom;
}

/* Unequal-width items.
   ========================================================================== */
/* line 49, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.pack.scss */
.o-pack--auto {
  table-layout: auto;
}

/* Size variants.
   ========================================================================== */
/* line 60, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.pack.scss */
.o-pack--tiny {
  border-spacing: 5px;
}

/* line 64, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.pack.scss */
.o-pack--small {
  border-spacing: 10px;
}

/* line 68, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.pack.scss */
.o-pack--large {
  border-spacing: 40px;
}

/* line 72, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.pack.scss */
.o-pack--huge {
  border-spacing: 60px;
}

/* Reversed order packs
   ========================================================================== */
/* line 83, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.pack.scss */
.o-pack--rev {
  direction: rtl;
}

/* line 86, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/objects/_objects.pack.scss */
.o-pack--rev > .o-pack__item {
  direction: ltr;
}

/**
 * 1. Allow us to style box model properties.
 * 2. Line different sized buttons up a little nicer.
 * 3. Make buttons inherit font styles (often necessary when styling `input`s as
 *    buttons).
 * 4. Reset/normalize some styles.
 * 5. Force all button-styled elements to appear clickable.
 *
 * 6. Reset input element styles.
 */
/* line 13, app/assets/stylesheets/yogobe/components/components.buttons.sass */
.c-button, .register__button {
  display: inline-block;
  margin: 0;
  padding: 6px 20px;
  background-color: transparent;
  border: none;
  border-radius: 3px;
  vertical-align: middle;
  font: inherit;
  text-align: center;
  cursor: pointer;
  transition: 0.3333333333s;
  text-decoration: none;
}

/* line 33, app/assets/stylesheets/yogobe/components/components.buttons.sass */
.c-button--cta, .register__button {
  margin-bottom: 10px;
  padding: 6px 40px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 300;
  border-radius: 99px;
}

/* line 42, app/assets/stylesheets/yogobe/components/components.buttons.sass */
.c-button--block {
  border-radius: 4px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  letter-spacing: 1px;
  font-weight: 600;
  text-transform: uppercase;
}

@media (max-width: 46.24em) {
  /* line 42, app/assets/stylesheets/yogobe/components/components.buttons.sass */
  .c-button--block {
    padding: 6px 20px;
  }
}

@media (min-width: 46.25em) {
  /* line 42, app/assets/stylesheets/yogobe/components/components.buttons.sass */
  .c-button--block {
    padding: 6px 40px;
  }
}

/* line 55, app/assets/stylesheets/yogobe/components/components.buttons.sass */
.c-button--pill, .register__button {
  border-radius: 99px;
}

@media (max-width: 46.24em) {
  /* line 60, app/assets/stylesheets/yogobe/components/components.buttons.sass */
  .c-button--shrink {
    padding: 6px 11px;
  }
}

/* line 70, app/assets/stylesheets/yogobe/components/components.buttons.sass */
.c-button--blue, .register__button {
  color: #56b9e5;
}

/* line 74, app/assets/stylesheets/yogobe/components/components.buttons.sass */
.c-button--pink {
  color: #ea6ea3;
}

/* line 79, app/assets/stylesheets/yogobe/components/components.buttons.sass */
.c-button--bluefill {
  color: white;
  background-color: #56b9e5;
  border: 2px solid #56b9e5;
}

/* line 85, app/assets/stylesheets/yogobe/components/components.buttons.sass */
.c-button--pinkfill {
  color: white;
  background-color: #ea6ea3;
  border: 2px solid #ea6ea3;
}

/* line 91, app/assets/stylesheets/yogobe/components/components.buttons.sass */
.c-button--greenfill {
  color: white;
  background-color: #51977a;
  border: 2px solid #51977a;
}

/* line 97, app/assets/stylesheets/yogobe/components/components.buttons.sass */
.c-button--redfill {
  color: white;
  background-color: #e86062;
  border: 2px solid #e86062;
}

/* line 103, app/assets/stylesheets/yogobe/components/components.buttons.sass */
.c-button--greyfill {
  color: white;
  background-color: #c7c7c7;
  border: 2px solid #c7c7c7;
}

/* line 109, app/assets/stylesheets/yogobe/components/components.buttons.sass */
.c-button--greybluefill {
  color: white;
  background-color: #1f2d52;
  border: 2px solid #1f2d52;
}

/* line 115, app/assets/stylesheets/yogobe/components/components.buttons.sass */
.c-button--whitefill {
  color: #1f2d52;
  background-color: white;
  border: 2px solid white;
}

/* line 122, app/assets/stylesheets/yogobe/components/components.buttons.sass */
.c-button--blueborder, .register__button {
  border: 2px solid #56b9e5;
}

/* line 126, app/assets/stylesheets/yogobe/components/components.buttons.sass */
.c-button--pinkborder {
  border: 2px solid #ea6ea3;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.inputs.sass */
.c-textinput {
  display: inline-block;
  padding: 10px 20px;
  border: none;
  border-radius: 99px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
}

/* line 13, app/assets/stylesheets/yogobe/components/components.inputs.sass */
.c-textarea {
  padding: 15px 20px;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.headings.sass */
.c-standard-centered-heading {
  text-align: center;
  font-weight: 300;
}

@media (max-width: 61.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.headings.sass */
  .c-standard-centered-heading {
    margin-bottom: 10px;
  }
}

@media (min-width: 61.25em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.headings.sass */
  .c-standard-centered-heading {
    margin-bottom: 30px;
  }
}

@media (max-width: 46.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.headings.sass */
  .c-standard-centered-heading {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

@media (min-width: 46.25em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.headings.sass */
  .c-standard-centered-heading {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

/* line 15, app/assets/stylesheets/yogobe/components/components.headings.sass */
.c-survey-question-heading {
  font-weight: 300;
}

@media (max-width: 46.24em) {
  /* line 15, app/assets/stylesheets/yogobe/components/components.headings.sass */
  .c-survey-question-heading {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media (min-width: 46.25em) {
  /* line 15, app/assets/stylesheets/yogobe/components/components.headings.sass */
  .c-survey-question-heading {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
}

/* line 24, app/assets/stylesheets/yogobe/components/components.headings.sass */
.c-lapa-hero-heading {
  text-align: center;
  font-weight: 300;
}

@media (max-width: 46.24em) {
  /* line 24, app/assets/stylesheets/yogobe/components/components.headings.sass */
  .c-lapa-hero-heading {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.5;
  }
}

@media (min-width: 46.25em) and (max-width: 61.24em) {
  /* line 24, app/assets/stylesheets/yogobe/components/components.headings.sass */
  .c-lapa-hero-heading {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.5;
  }
}

@media (min-width: 61.25em) {
  /* line 24, app/assets/stylesheets/yogobe/components/components.headings.sass */
  .c-lapa-hero-heading {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.5;
  }
}

/* line 36, app/assets/stylesheets/yogobe/components/components.headings.sass */
.c-standard-modal-heading {
  margin-bottom: 5px;
  font-weight: 300;
}

@media (max-width: 46.24em) {
  /* line 36, app/assets/stylesheets/yogobe/components/components.headings.sass */
  .c-standard-modal-heading {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.5;
  }
}

@media (min-width: 46.25em) {
  /* line 36, app/assets/stylesheets/yogobe/components/components.headings.sass */
  .c-standard-modal-heading {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

/* line 1, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
.c-textmediablock {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 40px;
}

/* line 7, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
.c-textmediablock__text {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

@media (max-width: 46.24em) {
  /* line 7, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
  .c-textmediablock__text {
    display: none;
  }
}

@media (min-width: 61.25em) {
  /* line 7, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
  .c-textmediablock__text {
    width: 50%;
    padding-right: 10px;
  }
}

/* line 19, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
.c-textmediablock__media {
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
}

@media (max-width: 46.24em) {
  /* line 19, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
  .c-textmediablock__media {
    display: none;
  }
}

@media (min-width: 61.25em) {
  /* line 19, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
  .c-textmediablock__media {
    width: 50%;
    padding-left: 10px;
  }
}

@media (min-width: 46.25em) {
  /* line 31, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
  .c-textmediablock__mobile {
    display: none;
  }
}

/* line 37, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
.c-textmediablock__media__heading {
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px 15px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  color: white;
  background-color: #56b9e5;
}

/* line 48, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
.c-textmediablock__title {
  margin-bottom: 1rem;
}

@media (max-width: 46.24em) {
  /* line 48, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
  .c-textmediablock__title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

@media (min-width: 46.25em) {
  /* line 48, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
  .c-textmediablock__title {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.7142857143;
  }
}

@media (min-width: 61.25em) and (max-width: 81.24em) {
  /* line 48, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
  .c-textmediablock__title {
    margin-bottom: 0;
  }
}

/* line 59, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
.c-textmediablock__cta {
  padding: 7px 15px;
  color: white;
  background-color: #ea6ea3;
}

/* line 63, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
.c-textmediablock__cta svg {
  float: right;
  margin-top: 2px;
}

/* line 69, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
.c-textmediablock__anchor {
  color: #56b9e5;
  text-decoration: none;
}

/* line 74, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
.c-textmediablock__chevron {
  display: inline;
  margin-left: 8px;
  vertical-align: text-top;
}

/* line 78, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
.c-textmediablock__chevron svg {
  height: 16px;
}

/* line 80, app/assets/stylesheets/yogobe/components/components.textmediablock.sass */
.c-textmediablock__chevron svg g {
  stroke: #56b9e5;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
.c-textmediaband {
  position: relative;
}

@media (max-width: 61.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
  .c-textmediaband {
    padding: 40px 0 40px;
  }
}

@media (min-width: 61.25em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
  .c-textmediaband {
    padding: 60px 60px 80px;
  }
}

/* line 10, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
.c-textmediaband__content {
  display: flex;
  flex-flow: row wrap;
}

@media (max-width: 61.24em) {
  /* line 16, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
  .c-textmediaband__text {
    margin-bottom: 20px;
  }
}

@media (min-width: 61.25em) and (max-width: 81.24em) {
  /* line 16, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
  .c-textmediaband__text {
    width: 40%;
    padding-right: 20px;
  }
}

@media (min-width: 81.25em) {
  /* line 16, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
  .c-textmediaband__text {
    width: 33.3333333333%;
    padding-right: 20px;
  }
}

@media (max-width: 61.24em) {
  /* line 29, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
  .c-textmediaband__media {
    margin-bottom: 20px;
  }
}

@media (min-width: 61.25em) and (max-width: 81.24em) {
  /* line 29, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
  .c-textmediaband__media {
    width: 60%;
    text-align: right;
  }
}

@media (min-width: 81.25em) {
  /* line 29, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
  .c-textmediaband__media {
    width: 66.6666666667%;
    text-align: right;
  }
}

@media (min-width: 61.25em) {
  /* line 42, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
  .c-textmediaband__text--height {
    padding: 40px 0;
  }
}

@media (max-width: 46.24em) {
  /* line 50, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
  .c-textmediaband__title {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
  }
}

@media (min-width: 46.25em) {
  /* line 50, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
  .c-textmediaband__title {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1.4117647059;
  }
}

/* line 62, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
.c-textmediaband__image--scale {
  transform: scale(0.8) translateX(10%);
}

@media (min-width: 61.25em) {
  /* line 75, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
  .c-textmediaband__img {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(15%, -50%) scale(0.9);
  }
}

/* line 87, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
.c-textmediaband--reverse .c-textmediaband__text {
  order: 2;
  text-align: right;
}

@media (min-width: 61.25em) {
  /* line 87, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
  .c-textmediaband--reverse .c-textmediaband__text {
    padding-left: 20px;
  }
}

/* line 92, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
.c-textmediaband--reverse .c-textmediaband__media {
  order: 1;
}

@media (min-width: 61.25em) {
  /* line 92, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
  .c-textmediaband--reverse .c-textmediaband__media {
    text-align: left;
  }
}

/* line 96, app/assets/stylesheets/yogobe/components/components.textmediaband.sass */
.c-textmediaband--reverse .c-textmediaband__image--scale {
  transform: scale(0.8) translateX(-10%);
}

/* line 1, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
.c-magazineblock {
  position: relative;
  background-color: #f7f7f7;
}

@media (max-width: 46.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
  .c-magazineblock {
    margin-bottom: 20px;
  }
}

@media (min-width: 46.25em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
  .c-magazineblock {
    margin-bottom: 40px;
  }
}

/* line 9, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
.c-magazineblock--quarter {
  margin-bottom: 20px;
}

/* line 13, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
.c-magazineblock--blue {
  color: #129edc;
  background-color: #dff5ff;
}

/* line 16, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
.c-magazineblock--blue a {
  color: #129edc;
}

/* line 20, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
.c-magazineblock--pink {
  color: #cd206a;
  background-color: #fbedf3;
}

/* line 23, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
.c-magazineblock--pink a {
  color: #cd206a;
}

/* line 27, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
.c-magazineblock--facebook {
  background-color: #56b9e5;
}

/* line 32, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
.c-magazineblock__heading {
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px 15px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  color: white;
  background-color: #56b9e5;
}

/* line 43, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
.c-magazineblock__description {
  position: absolute;
  right: 0;
}

@media (max-width: 23.4375em) {
  /* line 43, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
  .c-magazineblock__description {
    bottom: 0;
  }
}

@media (min-width: 23.4375em) and (max-width: 29.6875em) {
  /* line 43, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
  .c-magazineblock__description {
    bottom: 10px;
  }
}

@media (min-width: 29.6875em) {
  /* line 43, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
  .c-magazineblock__description {
    bottom: 35px;
  }
}

/* line 54, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
.c-magazineblock__description__row {
  text-align: right;
}

@media (max-width: 23.4375em) {
  /* line 54, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
  .c-magazineblock__description__row {
    margin-bottom: 5px;
  }
}

@media (min-width: 23.4375em) {
  /* line 54, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
  .c-magazineblock__description__row {
    margin-bottom: 9px;
  }
}

/* line 62, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
.c-magazineblock__description__text {
  display: inline-block;
  color: #3c3c3c;
  background-color: white;
}

@media (max-width: 23.4375em) {
  /* line 62, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
  .c-magazineblock__description__text {
    padding: 4px 10px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
  }
}

@media (min-width: 23.4375em) {
  /* line 62, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
  .c-magazineblock__description__text {
    padding: 7px 15px;
  }
}

@media (max-width: 23.4375em) {
  /* line 74, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
  .c-magazineblock__centertitle {
    padding: 10px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
  }
}

@media (min-width: 23.4375em) and (max-width: 46.24em) {
  /* line 74, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
  .c-magazineblock__centertitle {
    padding: 10px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media (min-width: 46.25em) {
  /* line 74, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
  .c-magazineblock__centertitle {
    padding: 38px 30px 0 30px;
  }
}

@media (min-width: 46.25em) and (max-width: 61.24em) {
  /* line 74, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
  .c-magazineblock__centertitle {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

@media (min-width: 61.25em) and (max-width: 81.24em) {
  /* line 74, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
  .c-magazineblock__centertitle {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.25;
  }
}

@media (min-width: 81.25em) {
  /* line 74, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
  .c-magazineblock__centertitle {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.25;
  }
}

/* line 91, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
.c-magazineblock__centeranchor {
  position: absolute;
  bottom: 30px;
  left: 30px;
  text-decoration: underline;
}

@media (max-width: 46.24em) {
  /* line 91, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
  .c-magazineblock__centeranchor {
    display: none;
  }
}

/* line 101, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
.c-magazineblock__image {
  width: 100%;
}

/* line 105, app/assets/stylesheets/yogobe/components/components.magazineblock.sass */
.c-magazineblock__image--facebook {
  display: block;
  width: 55%;
  margin: 16% auto;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.htriplets.sass */
.c-htriplets {
  display: flex;
  flex-flow: row wrap;
}

/* line 7, app/assets/stylesheets/yogobe/components/components.htriplets.sass */
.c-htriplets__child {
  margin-bottom: 20px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
}

@media (min-width: 61.25em) {
  /* line 7, app/assets/stylesheets/yogobe/components/components.htriplets.sass */
  .c-htriplets__child {
    width: 33.3333333333%;
    padding: 0 20px;
  }
  /* line 13, app/assets/stylesheets/yogobe/components/components.htriplets.sass */
  .c-htriplets__child:nth-child(-n+2) {
    border-right: 1px solid lightgrey;
  }
}

/* line 22, app/assets/stylesheets/yogobe/components/components.htriplets.sass */
.c-htriplets__heading {
  font-weight: 300;
}

@media (max-width: 46.24em) {
  /* line 22, app/assets/stylesheets/yogobe/components/components.htriplets.sass */
  .c-htriplets__heading {
    margin-bottom: 5px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

@media (min-width: 46.25em) {
  /* line 22, app/assets/stylesheets/yogobe/components/components.htriplets.sass */
  .c-htriplets__heading {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
  }
}

/* line 31, app/assets/stylesheets/yogobe/components/components.htriplets.sass */
.c-htriplets__heading--blue {
  color: #56b9e5;
}

@media (max-width: 46.24em) {
  /* line 38, app/assets/stylesheets/yogobe/components/components.htriplets.sass */
  .c-htriplets__textcontent strong {
    font-weight: 300;
  }
  /* line 40, app/assets/stylesheets/yogobe/components/components.htriplets.sass */
  .c-htriplets__textcontent span {
    display: none;
  }
}

/* line 45, app/assets/stylesheets/yogobe/components/components.htriplets.sass */
.c-htriplets__anchor {
  color: #ea6ea3;
  text-transform: uppercase;
  text-decoration: none;
}

/* line 51, app/assets/stylesheets/yogobe/components/components.htriplets.sass */
.c-htriplets__anchor__chevron {
  display: inline;
  margin-left: 8px;
  vertical-align: text-top;
}

/* line 55, app/assets/stylesheets/yogobe/components/components.htriplets.sass */
.c-htriplets__anchor__chevron svg {
  height: 16px;
}

/* line 57, app/assets/stylesheets/yogobe/components/components.htriplets.sass */
.c-htriplets__anchor__chevron svg polyline {
  stroke: #ea6ea3;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.masthead.sass */
.c-masthead {
  position: relative;
  margin-bottom: 20px;
  background-color: #dff5ff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 46.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead {
    height: 400px;
  }
}

@media (min-width: 46.25em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead {
    height: 600px;
  }
}

@media (max-width: 61.24em) {
  /* line 14, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead--register {
    height: 1080px;
  }
}

@media (min-width: 61.25em) {
  /* line 14, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead--register {
    height: 600px;
  }
}

/* line 21, app/assets/stylesheets/yogobe/components/components.masthead.sass */
.c-masthead--small {
  transition: height 0.2s ease;
}

@media (max-width: 61.24em) {
  /* line 21, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead--small {
    height: 150px;
  }
}

@media (min-width: 61.25em) {
  /* line 21, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead--small {
    height: 250px;
  }
}

/* line 29, app/assets/stylesheets/yogobe/components/components.masthead.sass */
.c-masthead--smaller {
  margin-bottom: 0;
}

@media (max-width: 46.24em) {
  /* line 29, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead--smaller {
    height: 60px;
  }
}

@media (min-width: 46.25em) and (max-width: 61.24em) {
  /* line 29, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead--smaller {
    height: 120px;
  }
}

@media (min-width: 61.25em) {
  /* line 29, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead--smaller {
    height: 180px;
  }
}

/* line 39, app/assets/stylesheets/yogobe/components/components.masthead.sass */
.c-masthead--none {
  height: 30px;
}

@media (max-width: 46.24em) {
  /* line 43, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead--campaign {
    height: 350px;
  }
}

@media (min-width: 46.25em) {
  /* line 43, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead--campaign {
    height: 250px;
  }
}

/* line 51, app/assets/stylesheets/yogobe/components/components.masthead.sass */
.c-masthead__container--shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.6;
}

/* line 62, app/assets/stylesheets/yogobe/components/components.masthead.sass */
.c-masthead__container {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}

@media (max-width: 46.24em) {
  /* line 62, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead__container {
    height: 125px;
  }
}

@media (min-width: 46.25em) {
  /* line 62, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead__container {
    height: 130px;
  }
}

@media (max-width: 61.24em) {
  /* line 73, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead__container--small {
    height: 90px;
  }
}

@media (min-width: 61.25em) {
  /* line 73, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead__container--small {
    height: 125px;
  }
}

@media (max-width: 46.24em) {
  /* line 80, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead__container--large {
    height: 270px;
  }
}

@media (min-width: 46.25em) {
  /* line 80, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead__container--large {
    height: 150px;
  }
}

@media (min-width: 61.25em) {
  /* line 88, app/assets/stylesheets/yogobe/components/components.masthead.sass */
  .c-masthead__container__content--narrow {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
}

/* line 97, app/assets/stylesheets/yogobe/components/components.masthead.sass */
.c-masthead__heading--super {
  margin-bottom: 5px;
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.starthead.sass */
.c-starthead {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: white;
}

@media (max-width: 46.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.starthead.sass */
  .c-starthead {
    height: 300px;
  }
}

@media (min-width: 46.25em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.starthead.sass */
  .c-starthead {
    height: 440px;
  }
}

/* line 14, app/assets/stylesheets/yogobe/components/components.starthead.sass */
.c-starthead--register {
  text-align: left;
}

@media (max-width: 61.24em) {
  /* line 14, app/assets/stylesheets/yogobe/components/components.starthead.sass */
  .c-starthead--register {
    height: 1000px;
  }
}

@media (min-width: 61.25em) {
  /* line 14, app/assets/stylesheets/yogobe/components/components.starthead.sass */
  .c-starthead--register {
    height: 550px;
  }
}

/* line 23, app/assets/stylesheets/yogobe/components/components.starthead.sass */
.c-starthead__shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.2;
}

/* line 37, app/assets/stylesheets/yogobe/components/components.starthead.sass */
.c-starthead__heading--super {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 400;
  margin-bottom: 30px;
}

/* line 43, app/assets/stylesheets/yogobe/components/components.starthead.sass */
.c-starthead__heading {
  max-width: 910px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 100;
}

@media (max-width: 46.24em) {
  /* line 43, app/assets/stylesheets/yogobe/components/components.starthead.sass */
  .c-starthead__heading {
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.5;
  }
}

@media (min-width: 46.25em) {
  /* line 43, app/assets/stylesheets/yogobe/components/components.starthead.sass */
  .c-starthead__heading {
    font-size: 68px;
    font-size: 4.25rem;
    line-height: 1.0588235294;
  }
}

/* line 56, app/assets/stylesheets/yogobe/components/components.starthead.sass */
.c-starthead__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

@media (max-width: 46.24em) {
  /* line 56, app/assets/stylesheets/yogobe/components/components.starthead.sass */
  .c-starthead__footer {
    display: none;
  }
}

/* line 65, app/assets/stylesheets/yogobe/components/components.starthead.sass */
.c-starthead__footer__ul {
  list-style-type: none;
}

/* line 69, app/assets/stylesheets/yogobe/components/components.starthead.sass */
.c-starthead__footer__li {
  display: inline;
  margin-right: 25px;
}

/* line 72, app/assets/stylesheets/yogobe/components/components.starthead.sass */
.c-starthead__footer__li:before {
  content: url("https://yogobe.com/assets/j/starthead-check-75453b1ef8b2e9991640a620276e45c713964bb2c13946e1b82d11d6d87326a6.svg");
  margin-right: 10px;
}

@media (max-width: 21.875em) {
  /* line 78, app/assets/stylesheets/yogobe/components/components.starthead.sass */
  .c-starthead__ctabutton {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 1, app/assets/stylesheets/yogobe/components/components.homehead.sass */
.c-homehead {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  color: white;
}

@media (max-width: 46.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.homehead.sass */
  .c-homehead {
    height: 300px;
  }
}

@media (min-width: 46.25em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.homehead.sass */
  .c-homehead {
    height: 400px;
  }
}

@media (max-width: 46.24em) {
  /* line 13, app/assets/stylesheets/yogobe/components/components.homehead.sass */
  .c-homehead--memberships {
    display: none;
  }
}

@media (min-width: 46.25em) and (max-width: 61.24em) {
  /* line 13, app/assets/stylesheets/yogobe/components/components.homehead.sass */
  .c-homehead--memberships {
    height: 880px;
  }
}

@media (min-width: 61.25em) {
  /* line 13, app/assets/stylesheets/yogobe/components/components.homehead.sass */
  .c-homehead--memberships {
    height: 480px;
  }
}

/* line 29, app/assets/stylesheets/yogobe/components/components.homehead.sass */
.c-homehead__play {
  display: block;
  margin-bottom: 20px;
}

@media (max-width: 46.24em) {
  /* line 29, app/assets/stylesheets/yogobe/components/components.homehead.sass */
  .c-homehead__play {
    height: 120px;
  }
}

@media (min-width: 46.25em) {
  /* line 29, app/assets/stylesheets/yogobe/components/components.homehead.sass */
  .c-homehead__play {
    height: 180px;
  }
}

/* line 37, app/assets/stylesheets/yogobe/components/components.homehead.sass */
.c-homehead__play svg {
  height: 100%;
}

/* line 39, app/assets/stylesheets/yogobe/components/components.homehead.sass */
.c-homehead__play svg polygon {
  transform: rotate(90deg) translate(-9px, -190px);
}

/* line 44, app/assets/stylesheets/yogobe/components/components.homehead.sass */
.c-homehead__heading {
  max-width: 910px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
}

@media (min-width: 46.25em) {
  /* line 52, app/assets/stylesheets/yogobe/components/components.homehead.sass */
  .c-homhead__heading--mobile {
    display: none;
  }
}

@media (max-width: 46.24em) {
  /* line 56, app/assets/stylesheets/yogobe/components/components.homehead.sass */
  .c-homhead__heading--desktop {
    display: none;
  }
}

/* line 61, app/assets/stylesheets/yogobe/components/components.homehead.sass */
.c-homehead__heading--super {
  text-align: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

/* line 68, app/assets/stylesheets/yogobe/components/components.homehead.sass */
.c-homehead__dismiss {
  cursor: pointer;
}

/* line 73, app/assets/stylesheets/yogobe/components/components.homehead.sass */
.c-homehead__footer {
  position: absolute;
  bottom: 20px;
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

/* line 81, app/assets/stylesheets/yogobe/components/components.homehead.sass */
.c-homehead__footer__videotitle {
  margin-right: 1rem;
}

/* line 85, app/assets/stylesheets/yogobe/components/components.homehead.sass */
.c-homehead__footer__anchor {
  color: white;
  text-decoration: underline;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.herohead.sass */
.c-herohead {
  margin-bottom: 20px;
}

/* line 5, app/assets/stylesheets/yogobe/components/components.herohead.sass */
.c-herohead__image__wrapper {
  position: relative;
  overflow: hidden;
}

@media (min-width: 50em) and (max-width: 61.24em) {
  /* line 5, app/assets/stylesheets/yogobe/components/components.herohead.sass */
  .c-herohead__image__wrapper {
    height: 280px;
  }
}

@media (min-width: 61.25em) {
  /* line 5, app/assets/stylesheets/yogobe/components/components.herohead.sass */
  .c-herohead__image__wrapper {
    height: 320px;
  }
}

@media (min-width: 61.25em) {
  /* line 15, app/assets/stylesheets/yogobe/components/components.herohead.sass */
  .c-herohead__image__img {
    position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
  }
}

@media (min-width: 90em) {
  /* line 15, app/assets/stylesheets/yogobe/components/components.herohead.sass */
  .c-herohead__image__img {
    max-width: 1440px;
  }
}

/* line 28, app/assets/stylesheets/yogobe/components/components.herohead.sass */
.c-herohead__title {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
}

@media (max-width: 19.99em) {
  /* line 28, app/assets/stylesheets/yogobe/components/components.herohead.sass */
  .c-herohead__title {
    width: 60%;
  }
}

/* line 40, app/assets/stylesheets/yogobe/components/components.herohead.sass */
.landing-page__title__container--left {
  left: 0;
  left: initial;
  right: auto;
}

/* line 46, app/assets/stylesheets/yogobe/components/components.herohead.sass */
.c-herohead__title__heading {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  color: white;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 3px;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 60px;
  transition: 0.2s;
}

/* line 13, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  transition: 0.2s;
}

/* line 25, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

/* line 39, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__logo {
  display: inline-block;
  padding-top: 5px;
}

/* line 42, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__logo svg {
  height: 27px;
}

@media (max-width: 26.25em) {
  /* line 39, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__logo {
    padding-top: 9px;
  }
  /* line 47, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__logo svg {
    height: 21px;
  }
}

/* line 52, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__right {
  align-self: center;
}

/* line 57, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__menu {
  padding-top: 7px;
  color: #3c3c3c;
}

/* line 60, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__menu svg {
  height: 22px;
  vertical-align: middle;
}

/* line 63, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__menu svg g {
  stroke: #3c3c3c;
}

/* line 68, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__list {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 10px;
  list-style: none;
}

/* line 79, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__item {
  display: inline-block;
  padding: 0 15px;
}

@media (min-width: 61.25em) and (max-width: 68.75em) {
  /* line 79, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__item {
    padding: 0 5px;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
  }
}

/* line 89, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.header_box.header_nav ul.tabletUp li.c-sitenav__item--active {
  font-weight: 400;
}

/* line 91, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.header_box.header_nav ul.tabletUp li.c-sitenav__item--active a.fukDYw {
  color: #129edc;
}

@media (max-width: 23.1875em) {
  /* line 97, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__item {
    display: none;
  }
  /* line 99, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__item--mobile {
    display: inline-block;
  }
}

@media (min-width: 23.25em) and (max-width: 61.24em) {
  /* line 102, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__item {
    display: none;
  }
  /* line 104, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__item--desktop {
    display: none;
  }
  /* line 106, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__item--tablet {
    display: inline-block;
  }
}

@media (min-width: 61.25em) {
  /* line 109, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__item--tablet {
    display: none;
  }
  /* line 111, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__item--desktop {
    display: inline-block;
  }
}

/* line 116, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__link {
  color: #3c3c3c;
  text-decoration: none;
}

/* line 121, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__link--bold {
  font-weight: 400;
}

/* line 125, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__link--underline {
  position: relative;
}

/* line 127, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__link--underline:after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #56b9e5;
}

/* line 139, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__icon--search {
  position: relative;
  display: inline-block;
  height: 16px;
}

/* line 143, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__icon--search svg {
  position: absolute;
  top: 0;
  height: 24px;
}

/* line 147, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__icon--search svg g {
  stroke: #3c3c3c;
}

/* line 155, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__target {
  position: fixed;
  top: 0;
  left: 0;
}

/* line 162, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__list {
  position: absolute;
  top: 76px;
  left: 0;
  right: 0;
  z-index: 1000;
  overflow: auto;
  background-color: white;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.01);
  -webkit-transform: translateY(-200%);
  transform: translateY(-200%);
  will-change: transform;
}

/* line 176, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__list .grid__container {
  box-sizing: border-box;
  min-width: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding-left: 25px;
  padding-right: 25px;
}

@media (min-width: 48.0625em) {
  /* line 176, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__side__list .grid__container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 189, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__list .grid__container .menu-container {
  box-sizing: border-box;
  min-width: 0;
  -webkit-box-pack: justify;
  justify-content: space-between;
  display: flex;
  margin: 30px 0;
}

/* line 196, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__list .grid__container .menu-container .left-menu {
  box-sizing: border-box;
  min-width: 0;
  flex: 1 1 0;
}

@media (min-width: 48.0625em) {
  /* line 196, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__side__list .grid__container .menu-container .left-menu {
    margin-right: 60px;
  }
}

@media (max-width: 26.625em) {
  /* line 196, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__side__list .grid__container .menu-container .left-menu {
    margin-right: 0;
  }
}

/* line 204, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__list .grid__container .menu-container .left-menu .inner-wrapper {
  box-sizing: border-box;
  min-width: 0;
  display: flex;
  margin: 0 -10px 20px;
  flex-direction: column;
}

@media (min-width: 48.0625em) {
  /* line 204, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__side__list .grid__container .menu-container .left-menu .inner-wrapper {
    margin-bottom: 30px;
    flex-direction: row;
  }
}

/* line 213, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__list .grid__container .menu-container .right-menu {
  box-sizing: border-box;
  min-width: 0;
  margin: 0 0 0 60px;
  flex: 0 0 300px;
}

@media (min-width: 48.0625em) {
  /* line 213, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__side__list .grid__container .menu-container .right-menu {
    display: block;
  }
}

@media (max-width: 48.0625em) {
  /* line 213, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__side__list .grid__container .menu-container .right-menu {
    display: none;
  }
}

/* line 222, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__list .grid__container .menu-container .right-menu a {
  cursor: pointer;
  text-decoration: underline;
}

/* line 225, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__list .grid__container .menu-container .right-menu a .thumbnail-With-ratio {
  position: relative;
  padding-top: 50%;
}

/* line 228, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__list .grid__container .menu-container .right-menu a .thumbnail-With-ratio .background-image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url(https://yogobe.com/static/menulayer.jpg);
  background-size: cover;
  width: 100%;
  height: 100%;
  background-color: #eaeaea;
  background-position: center center;
}

/* line 240, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__list .grid__container .top-menu-container {
  display: none;
}

@media (max-width: 64em) {
  /* line 240, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__side__list .grid__container .top-menu-container {
    display: block;
  }
}

/* line 244, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__list .grid__container .top-menu-container .inner-wrapper {
  box-sizing: border-box;
  min-width: 0;
  flex-direction: column;
  display: flex;
  margin: 0;
}

/* line 250, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__list .grid__container .top-menu-container .inner-wrapper .side-menu-box {
  box-sizing: 0;
  min-width: 0;
  margin: 0;
}

/* line 254, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__list .grid__container .top-menu-container .inner-wrapper .side-menu-box .side-menu-box-ul {
  box-sizing: border-box;
  min-width: 0;
  margin: 20px -25px;
  display: flex;
  flex-direction: column;
}

@media (min-width: 26.625em) {
  /* line 254, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav__side__list .grid__container .top-menu-container .inner-wrapper .side-menu-box .side-menu-box-ul {
    flex-direction: row;
  }
}

/* line 263, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__list .grid__container .top-menu-container .inner-wrapper .side-menu-box .side-menu-box-ul li a {
  margin: 0 25px;
}

/* line 265, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__list .grid__container .top-menu-container .inner-wrapper .divider {
  display: block;
  border-bottom: 1px solid #eeeeee;
}

/* line 273, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__item {
  margin: 0;
  padding: 12px 20px 12px 0;
}

/* line 279, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__item--right {
  text-align: right;
  padding-top: 12px;
  padding-right: 0;
}

/* line 286, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__link {
  display: block;
  color: #3c3c3c;
  text-decoration: none;
}

/* line 293, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__link--inline-block {
  display: inline-block;
}

/* line 302, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__locale__select {
  position: absolute;
  width: 80%;
  opacity: 0;
}

/* line 309, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__close {
  vertical-align: -12px;
}

/* line 311, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__close svg {
  height: 34px;
}

/* line 319, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav__side__target:target + .c-sitenav__side__list {
  -webkit-transform: none;
  transform: none;
}

/* line 327, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav--transparent .c-sitenav__shadow {
  height: 125%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.32) 0%, rgba(0, 0, 0, 0.001) 100%);
}

/* line 330, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav--transparent .c-sitenav__link {
  color: white;
}

/* line 334, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav--transparent .c-sitenav__icon--search svg g {
  stroke: white;
}

/* line 338, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav--transparent .c-sitenav__menu svg path {
  stroke: white;
}

/* line 342, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
.c-sitenav--boxshadow {
  box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
}

@media (max-width: 46.24em) {
  /* line 347, app/assets/stylesheets/yogobe/components/components.sitenav.sass */
  .c-sitenav--boxshadow--mobile {
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.1);
  }
}

/* line 1, app/assets/stylesheets/yogobe/components/components.band.sass */
.c-band {
  position: relative;
  padding: 70px 20px;
  text-align: center;
}

@media (max-width: 61.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.band.sass */
  .c-band {
    padding: 40px 20px 50px;
  }
}

@media (min-width: 61.25em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.band.sass */
  .c-band {
    padding: 70px 20px 80px;
  }
}

/* line 11, app/assets/stylesheets/yogobe/components/components.band.sass */
.c-band--blue {
  background-color: #dff5ff;
}

/* line 14, app/assets/stylesheets/yogobe/components/components.band.sass */
.c-band--pink {
  background-color: #fbedf3;
}

/* line 17, app/assets/stylesheets/yogobe/components/components.band.sass */
.c-band--newgreyblue {
  color: white;
  background-color: #1f2d52;
}

@media (max-width: 46.24em) {
  /* line 22, app/assets/stylesheets/yogobe/components/components.band.sass */
  .c-band--small {
    padding: 20px 10px 10px;
  }
}

/* line 28, app/assets/stylesheets/yogobe/components/components.band.sass */
.c-band__heading {
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 400;
}

/* line 34, app/assets/stylesheets/yogobe/components/components.band.sass */
.c-band__title {
  margin-bottom: 10px;
  font-weight: 200;
}

@media (max-width: 46.24em) {
  /* line 34, app/assets/stylesheets/yogobe/components/components.band.sass */
  .c-band__title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

@media (min-width: 46.25em) {
  /* line 34, app/assets/stylesheets/yogobe/components/components.band.sass */
  .c-band__title {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1.4117647059;
  }
}

/* line 43, app/assets/stylesheets/yogobe/components/components.band.sass */
.c-band__smalltitle {
  margin-bottom: 1rem;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
}

@media (max-width: 61.24em) {
  /* line 49, app/assets/stylesheets/yogobe/components/components.band.sass */
  .c-band__form {
    margin-bottom: 20px;
  }
}

/* line 55, app/assets/stylesheets/yogobe/components/components.band.sass */
.c-band__textinput {
  margin-bottom: 1rem;
  padding: 14px 40px;
  border: none;
  border-radius: 99px;
  text-align: center;
}

@media (min-width: 61.25em) {
  /* line 63, app/assets/stylesheets/yogobe/components/components.band.sass */
  .c-band__textinput--email {
    width: 400px;
  }
}

/* line 68, app/assets/stylesheets/yogobe/components/components.band.sass */
.c-band__textinput--search {
  margin-bottom: 2rem;
  background: url("https://yogobe.com/assets/j/search-5eb2b4ff26bda0a698b2ad6e60a78f7844b157888b41cd1ac219565a6d37b402.svg") no-repeat 95% white;
  background-size: auto 22px;
}

@media (min-width: 61.25em) {
  /* line 68, app/assets/stylesheets/yogobe/components/components.band.sass */
  .c-band__textinput--search {
    width: 400px;
  }
}

/* line 77, app/assets/stylesheets/yogobe/components/components.band.sass */
.c-band__bottomanchor {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  color: #3c3c3c;
}

@media (max-width: 46.24em) {
  /* line 77, app/assets/stylesheets/yogobe/components/components.band.sass */
  .c-band__bottomanchor {
    text-align: center;
  }
}

@media (min-width: 46.25em) {
  /* line 77, app/assets/stylesheets/yogobe/components/components.band.sass */
  .c-band__bottomanchor {
    position: absolute;
    right: 24px;
    bottom: 10px;
  }
}

/* line 90, app/assets/stylesheets/yogobe/components/components.band.sass */
.c-band__searchanchor {
  margin-right: 1rem;
  margin-bottom: 1rem;
  text-decoration: none;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
.c-sitefoot {
  color: white;
  background-color: #667c91;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  border-image: initial;
  font-size: 14px;
  font-weight: 400;
}

/* line 10, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
.c-sitefoot a {
  color: inherit;
}

/* line 13, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
.c-sitefoot p {
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

@media (min-width: 26.625em) {
  /* line 20, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
  .c-sitefoot__item {
    padding-bottom: 20px;
    -webkit-box-pack: center;
    justify-content: center;
  }
}

@media (min-width: 48.0625em) {
  /* line 20, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
  .c-sitefoot__item {
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 30, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
.c-sitefoot__copyright {
  padding-bottom: 20px;
  -webkit-box-pack: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 0px;
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin: 0px auto;
}

/* line 41, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
.c-sitefoot__copyright p {
  font-size: 13px;
  font-weight: 300;
}

/* line 46, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
.c-sitefoot__nav {
  box-sizing: border-box;
  min-width: 0px;
  flex-direction: column-reverse;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 26.625em) {
  /* line 46, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
  .c-sitefoot__nav {
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* line 65, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
.c-sitefoot__nav .o-layout__item {
  padding: 0;
  box-sizing: border-box;
  min-width: 0px;
  width: 100%;
}

/* line 71, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
.o-layout__item.c-sitefoot__languages {
  box-sizing: border-box;
  min-width: 0px;
  width: 100%;
  margin: 0px 0px 30px;
  line-height: normal;
}

/* line 77, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
.o-layout__item.c-sitefoot__languages .c-sitefoot__languages__items {
  font-size: 16px;
  font-weight: 300;
}

/* line 80, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
.o-layout__item.c-sitefoot__languages .c-sitefoot__languages__items a {
  cursor: pointer;
  width: auto;
  font-weight: 600;
  font-size: 13px;
  background-color: transparent;
  text-align: left;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  outline: none;
  padding: 0;
}

/* line 94, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
.o-layout__item.c-sitefoot__wrapper {
  box-sizing: border-box;
  min-width: 0px;
  flex-wrap: wrap;
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin: 0px auto;
}

/* line 102, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
.o-layout__item.c-sitefoot__wrapper .c-sitefoot__heading {
  font-weight: bold;
  cursor: default;
}

/* line 105, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
.o-layout__item.c-sitefoot__wrapper .c-sitefoot__list {
  box-sizing: border-box;
  padding-right: 0px;
  width: 100%;
  min-width: 15em;
  margin: 0px 0px 30px;
}

@media (min-width: 26.625em) {
  /* line 105, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
  .o-layout__item.c-sitefoot__wrapper .c-sitefoot__list {
    margin-bottom: 30px;
    padding-right: 20px;
    width: 50%;
  }
}

@media (min-width: 48.0625em) {
  /* line 105, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
  .o-layout__item.c-sitefoot__wrapper .c-sitefoot__list {
    margin-bottom: 0px;
    width: 20%;
  }
}

/* line 118, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
.o-layout__item.c-sitefoot__wrapper .c-sitefoot__ul {
  list-style-type: none;
  margin: 20px 0px 0px;
  padding: 0px;
}

/* line 123, app/assets/stylesheets/yogobe/components/components.sitefoot.sass */
.o-layout__item.c-sitefoot__wrapper .c-sitefoot__ul .c-sitefoot__li {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 13px;
  line-height: 22.88px;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.impersonatebutton.sass */
.c-impersonatebutton {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  display: flex;
  align-items: center;
  min-height: 50px;
  padding: 0 20px;
  margin: 0;
  background-color: #e53b4d;
  overflow: hidden;
  will-change: height;
  transition: height 500ms ease-out 0s;
}

/* line 17, app/assets/stylesheets/yogobe/components/components.impersonatebutton.sass */
.c-impersonatebutton .c-impersonatebutton--container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  padding: 0 20px;
  flex-direction: column;
}

/* line 25, app/assets/stylesheets/yogobe/components/components.impersonatebutton.sass */
.c-impersonatebutton .c-impersonatebutton--container .c-impersonatebutton--subcontainer {
  display: flex;
  margin: 0;
  min-width: 0;
  align-items: center;
  justify-content: space-between;
}

/* line 32, app/assets/stylesheets/yogobe/components/components.impersonatebutton.sass */
.c-impersonatebutton .c-impersonatebutton--container .c-impersonatebutton--subcontainer p {
  width: 100%;
  text-align: center;
  font-size: 13px;
  line-height: 16px;
  font-weight: 200;
  margin: 10px 0;
}

/* line 40, app/assets/stylesheets/yogobe/components/components.impersonatebutton.sass */
.c-impersonatebutton .c-impersonatebutton--container .c-impersonatebutton--subcontainer p a {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  color: white;
  font-weight: 600;
}

/* line 47, app/assets/stylesheets/yogobe/components/components.impersonatebutton.sass */
.c-impersonatebutton .c-impersonatebutton--container .c-impersonatebutton--subcontainer p a img {
  margin-right: 5px;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart {
  position: relative;
}

/* line 6, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__title {
  margin-bottom: 20px;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 400;
}

/* line 14, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__wrapper--step1 {
  margin-bottom: 10px;
}

@media (min-width: 46.25em) {
  /* line 14, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
  .c-quickstart__wrapper--step1 {
    width: 50%;
  }
}

/* line 20, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__wrapper--step2 {
  margin-bottom: 10px;
}

@media (min-width: 46.25em) {
  /* line 20, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
  .c-quickstart__wrapper--step2 {
    width: 33.3333333333%;
  }
}

@media (max-width: 46.24em) {
  /* line 28, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
  .c-quickstart__ratio--step2:before {
    padding-bottom: 33.3333333333%;
  }
}

@media (min-width: 46.25em) {
  /* line 28, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
  .c-quickstart__ratio--step2:before {
    padding-bottom: 75%;
  }
}

/* line 38, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__selection {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

/* line 47, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__selection--calm {
  color: #56b9e5;
  background-color: #dff5ff;
}

/* line 52, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__selection--intensive {
  color: #ea6ea3;
  background-color: #fbedf3;
}

/* line 56, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__selection--intensive svg text {
  fill: #ea6ea3;
}

/* line 58, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__selection--intensive svg circle {
  stroke: #ea6ea3;
}

/* line 60, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__selection--intensive svg path {
  stroke: #ea6ea3;
}

/* line 69, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__selection__text {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
}

/* line 74, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__selection__icon {
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  height: 90px;
}

@media (max-width: 46.24em) {
  /* line 74, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
  .c-quickstart__selection__icon {
    margin-bottom: 10px;
  }
}

@media (min-width: 46.25em) {
  /* line 74, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
  .c-quickstart__selection__icon {
    margin-bottom: 40px;
  }
}

/* line 87, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__selection__icon--heart svg {
  height: 90%;
}

/* line 89, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__selection__icon--heart svg g {
  stroke: #56b9e5;
}

/* line 94, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__selection__icon--lightning svg {
  height: 100%;
}

/* line 96, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__selection__icon--lightning svg g {
  stroke: #ea6ea3;
}

/* line 100, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__selection__icon--step2 {
  margin-bottom: 0;
}

@media (max-width: 46.24em) {
  /* line 100, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
  .c-quickstart__selection__icon--step2 {
    height: 100px;
  }
}

@media (min-width: 46.25em) and (max-width: 61.24em) {
  /* line 100, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
  .c-quickstart__selection__icon--step2 {
    height: 140px;
  }
}

@media (min-width: 61.25em) {
  /* line 100, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
  .c-quickstart__selection__icon--step2 {
    height: 180px;
  }
}

/* line 108, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__selection__icon--step2 svg {
  height: 100%;
}

@media (max-width: 46.24em) {
  /* line 115, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
  .c-quickstart__restart {
    text-align: center;
  }
}

@media (min-width: 46.25em) {
  /* line 115, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
  .c-quickstart__restart {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
  }
}

/* line 125, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__restart__icon {
  display: inline-block;
  vertical-align: top;
}

/* line 128, app/assets/stylesheets/yogobe/components/components.quickstart.sass */
.c-quickstart__restart__icon svg {
  height: 23px;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.videogrid.sass */
.c-videogrid {
  text-align: center;
}

/* line 7, app/assets/stylesheets/yogobe/components/components.videogrid.sass */
.c-videogrid__morebutton {
  display: inline-block;
  padding: 0.5rem 2rem;
  border: 2px solid #56b9e5;
  border-radius: 99px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  color: #56b9e5;
  text-decoration: none;
  cursor: pointer;
}

/* line 18, app/assets/stylesheets/yogobe/components/components.videogrid.sass */
.c-videogrid__morebutton svg {
  height: 12px;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock {
  text-align: left;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.06);
}

/* line 6, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock--large {
  display: flex;
}

@media (max-width: 46.24em) {
  /* line 6, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
  .c-videoblock--large {
    flex-flow: column nowrap;
  }
}

@media (min-width: 46.25em) {
  /* line 6, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
  .c-videoblock--large {
    flex-flow: row nowrap;
  }
}

/* line 14, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock--small {
  margin-bottom: 20px;
  padding-bottom: 5px;
}

/* line 20, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__wrapper--active {
  position: relative;
}

/* line 22, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__wrapper--active:after {
  position: absolute;
  content: ' ';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #ea6ea3;
}

/* line 33, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__container--small {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
}

/* line 41, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__thumbnail {
  margin-bottom: 5px;
}

/* line 45, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-courseblock__thumbnail--small {
  flex: 0 0 30%;
}

/* line 54, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__thumbnail__shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
}

/* line 64, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__thumbnail__heading {
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px 15px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  color: white;
  background-color: #56b9e5;
}

/* line 75, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__thumbnail__playbutton {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  line-height: 0;
}

/* line 81, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__thumbnail__playbutton svg {
  height: 80px;
}

/* line 83, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__thumbnail__playbutton svg polygon {
  transform: rotate(90deg) translate(-4px, -82px);
}

/* line 88, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__thumbnail__playbutton--small svg {
  height: 40px;
}

/* line 93, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__heart {
  position: absolute;
  top: 15px;
  right: 15px;
}

/* line 97, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__heart svg {
  height: 35px;
}

/* line 104, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__heart--fill svg g g {
  fill: #56b9e5;
}

/* line 108, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__heart--videoshow {
  text-align: right;
  line-height: 0;
  cursor: pointer;
}

/* line 112, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__heart--videoshow svg {
  height: 35px;
}

/* line 116, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__heart--small {
  float: right;
}

/* line 118, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__heart--small svg {
  height: 22px;
}

/* line 124, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__content {
  padding: 15px 15px 10px 15px;
}

/* line 128, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__content--small {
  width: 70%;
}

@media (max-width: 46.24em) {
  /* line 128, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
  .c-videoblock__content--small {
    padding: 0 5px;
  }
}

@media (min-width: 46.25em) {
  /* line 128, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
  .c-videoblock__content--small {
    padding: 0 10px;
  }
}

/* line 137, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__heading {
  position: relative;
}

/* line 141, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__title {
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
}

/* line 149, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__title--small {
  margin-bottom: 0;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

/* line 155, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__length {
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  padding-left: 10px;
}

/* line 164, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__description {
  height: 48px;
  margin-bottom: 20px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  font-weight: 300;
}

/* line 171, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__description--small {
  height: 39.2px;
  margin-bottom: 0;
  overflow: hidden;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.4;
}

/* line 179, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__footer {
  position: relative;
}

/* line 183, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__footer--small {
  padding-top: 5px;
  margin-right: 5px;
  padding-left: 5px;
}

/* line 189, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__footer__more {
  display: inline-block;
  transition: 0.2s;
  cursor: pointer;
}

/* line 191, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__footer__more svg {
  height: 12px;
  vertical-align: middle;
}

/* line 198, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__footer__more--rotate {
  transform: rotate(-180deg);
}

/* line 203, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__footer__share {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #56b9e5;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
}

/* line 214, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__footer__share svg {
  height: 12px;
}

/* line 219, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__expandable {
  display: flex;
  flex-flow: row wrap;
  padding-top: 10px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  text-transform: uppercase;
}

@media (max-width: 46.24em) {
  /* line 219, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
  .c-videoblock__expandable {
    font-weight: 200;
  }
}

@media (min-width: 46.25em) {
  /* line 219, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
  .c-videoblock__expandable {
    font-weight: 400;
  }
}

/* line 232, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__expandable--small {
  padding-top: 0;
}

/* line 236, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__expandable__item {
  color: #56b9e5;
  cursor: pointer;
}

@media (max-width: 46.24em) {
  /* line 236, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
  .c-videoblock__expandable__item {
    margin-right: 10px;
  }
}

@media (min-width: 46.25em) {
  /* line 236, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
  .c-videoblock__expandable__item {
    margin-right: 1rem;
  }
}

/* line 245, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__expandable__item--language {
  color: #3c3c3c;
}

/* line 249, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__expandable__offline {
  color: #56b9e5;
  cursor: pointer;
}

/* line 254, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__expandable__remove {
  margin-right: 60px;
}

/* line 260, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
.c-videoblock__draggable {
  position: absolute;
  right: 5px;
  top: 10px;
  height: 24px;
  cursor: move;
}

@media (max-width: 46.24em) {
  /* line 260, app/assets/stylesheets/yogobe/components/components.videoblock.sass */
  .c-videoblock__draggable {
    display: none;
  }
}

/* line 1, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder {
  padding: 20px;
}

/* line 9, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__search {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 20px;
}

/* line 16, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__search__form {
  position: relative;
  width: 75%;
  margin-right: 10px;
}

/* line 22, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__search__form__textfield {
  width: 100%;
  padding: 14px 40px;
  border: 1px solid #c7c7c7;
  border-radius: 99px;
  text-align: center;
}

/* line 32, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__search__form__submit {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 46px;
  border: 0;
  outline: 0;
  background: url(https://yogobe.com/assets/j/search-5eb2b4ff26bda0a698b2ad6e60a78f7844b157888b41cd1ac219565a6d37b402.svg) no-repeat center;
  background-size: auto 22px;
}

/* line 45, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__search__languages {
  padding-top: 10px;
}

/* line 49, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__search__languages__flag {
  width: 30px;
  margin-right: 10px;
}

/* line 57, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__categories {
  margin-bottom: 10px;
}

/* line 61, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__categories__select {
  margin-bottom: 10px;
  display: inline-block;
}

/* line 69, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__time {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 10px;
}

/* line 75, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__time__label {
  margin-right: 10px;
}

/* line 80, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__extraexpander {
  margin-left: auto;
  cursor: pointer;
}

/* line 85, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__extraexpander__icon {
  display: inline;
  vertical-align: text-top;
}

/* line 89, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__extraexpander__icon svg {
  height: 16px;
  transition: 0.2s;
}

/* line 92, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__extraexpander__icon svg g {
  stroke: #56b9e5;
}

/* line 97, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__extraexpander__icon--rotate svg {
  transform: rotate(-180deg);
}

/* line 111, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__extra__label {
  display: inline-block;
  min-width: 200px;
  margin-right: 10px;
}

/* line 120, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__inlineheading {
  display: inline-block;
  min-width: 70px;
  margin-right: 10px;
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 200;
}

/* line 132, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__quickstartlink {
  display: block;
  width: 100%;
  text-align: right;
  font-weight: 400;
  text-decoration: underline;
}

/* line 141, app/assets/stylesheets/yogobe/components/components.videofinder.sass */
.c-videofinder__quickstartmodal {
  text-align: center;
}

@media (min-width: 46.25em) {
  /* line 32, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
  .c-videoshow__container {
    padding: 1rem;
    background-color: white;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.06);
  }
}

@media (min-width: 46.25em) {
  /* line 40, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
  .c-videoshow__container--mobile {
    display: none;
  }
}

@media (max-width: 46.24em) {
  /* line 45, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
  .c-videoshow__container--desktop {
    display: none;
  }
}

/* line 51, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__player__playlist {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 59, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__player__playlist__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 67, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__player__playlist__shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(247, 247, 247, 0.9);
}

/* line 76, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__player__playlist__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
}

/* line 91, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__player {
  position: relative;
  height: 0;
  margin-bottom: 10px;
  padding-bottom: 56.25%;
  overflow: hidden;
}

@media (max-width: 46.24em) {
  /* line 99, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
  .c-videoshow__content {
    padding: 0 10px;
  }
}

/* line 107, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__instructors {
  position: relative;
  overflow: hidden;
  padding: 0 10px;
}

/* line 113, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__instructor {
  padding-top: 20px;
}

@media (max-width: 46.24em) {
  /* line 113, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
  .c-videoshow__instructor {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* line 120, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__instructor--second {
  position: absolute;
  left: 100px;
  top: 0;
  width: 100%;
  opacity: 0.4;
}

/* line 127, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__instructor--second .c-videoshow__instructor__image__circle__img {
  padding: 5px;
  border: none;
}

/* line 131, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__instructor--second .c-videoshow__instructor__content {
  display: none;
}

/* line 136, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__instructor__image {
  width: 50%;
  margin: 0 auto 20px auto;
}

/* line 141, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__instructor__image__circle__img {
  width: 100%;
  object-fit: cover;
  border: 5px solid #56b9e5;
  border-radius: 50%;
}

/* line 148, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__instructor__heading {
  margin-bottom: 20px;
  text-align: center;
  font-weight: 300;
}

@media (max-width: 61.24em) {
  /* line 148, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
  .c-videoshow__instructor__heading {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
  }
}

@media (min-width: 61.25em) {
  /* line 148, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
  .c-videoshow__instructor__heading {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

/* line 158, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__instructor__body {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}

/* line 167, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__instructor__shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  cursor: pointer;
}

/* line 177, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__instructor__body__chevron {
  cursor: pointer;
  text-align: center;
  transition: 0.2s;
}

/* line 181, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__instructor__body__chevron svg {
  height: 20px;
}

/* line 185, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__instructor__body__chevron--rotate {
  transform: rotate(-180deg);
}

/* line 189, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__instructor__events {
  margin-bottom: 10px;
}

/* line 196, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__header {
  position: relative;
  margin-bottom: 20px;
}

/* line 202, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__header__heart {
  float: right;
}

/* line 206, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__header__heading {
  margin-bottom: 5px;
}

@media (max-width: 61.24em) {
  /* line 206, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
  .c-videoshow__header__heading {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media (min-width: 61.25em) {
  /* line 206, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
  .c-videoshow__header__heading {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
  }
}

@media (max-width: 61.24em) {
  /* line 214, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
  .c-videoshow__header__time {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media (min-width: 61.25em) {
  /* line 214, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
  .c-videoshow__header__time {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
  }
}

/* line 227, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
.c-videoshow__sidebar__heading {
  margin-bottom: 10px;
  text-align: center;
}

@media (max-width: 61.24em) {
  /* line 227, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
  .c-videoshow__sidebar__heading {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media (min-width: 61.25em) {
  /* line 227, app/assets/stylesheets/yogobe/components/components.videoshow.sass */
  .c-videoshow__sidebar__heading {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
  }
}

/* line 1, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-thumbnail--inline__container {
  box-sizing: border-box;
  display: inline-flex;
  margin: 10px 0;
  padding: 0 10px;
}

@media (max-width: 28.125em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
  .video-thumbnail--inline__container {
    width: 100%;
  }
}

@media (min-width: 28.1875em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
  .video-thumbnail--inline__container {
    width: 45%;
  }
}

/* line 10, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-thumbnail--inline {
  min-width: 0;
  width: 100%;
  font-size: 13px;
  background-color: white;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}

/* line 17, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-thumbnail--inline .video-thumbnail__image__aspect-ratio {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 56.25%;
}

@media (max-width: 46.24em) {
  /* line 17, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
  .video-thumbnail--inline .video-thumbnail__image__aspect-ratio {
    display: block;
  }
}

/* line 26, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-thumbnail__description__wrapper {
  box-sizing: border-box;
  min-width: 0;
  padding: 20px 25px;
  margin: 0;
}

/* line 31, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-thumbnail__description__wrapper .video-thumbnail__title {
  margin: 0 0 10px;
}

/* line 33, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-thumbnail__description__wrapper .video-thumbnail__title .video-thumbnail__info {
  text-decoration: none;
}

/* line 35, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-thumbnail__description__wrapper .video-thumbnail__title .video-thumbnail__info p.video-thumbnail__title-text {
  font-size: 16px;
  font-weight: 600;
  color: #242424;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-decoration: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* line 45, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-thumbnail__description__wrapper .video-thumbnail__subtitle {
  margin: 0 0 10px;
}

/* line 47, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-thumbnail__description__wrapper .video-thumbnail__subtitle p {
  color: #7d7d7d;
  height: 100%;
  font-weight: 400;
  line-height: 19px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* line 58, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-thumbnail__description__wrapper .video-thumbnail__subtitle p a.video-genre {
  font-weight: 600;
  text-decoration: none;
  color: #56b9e5;
  cursor: pointer;
  text-transform: capitalize;
}

/* line 64, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-thumbnail__description__wrapper .video-thumbnail__subtitle p button.video-instructors {
  font-weight: 600;
  cursor: pointer;
  width: auto;
  background-color: transparent;
  color: #56b9e5;
  text-align: left;
  border-width: 0;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  outline: none;
  padding: 0;
}

/* line 77, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-thumbnail__description__wrapper .video-thumbnail__description {
  margin: 0 0 10px;
}

/* line 79, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-thumbnail__description__wrapper .video-thumbnail__description p {
  color: #7d7d7d;
  height: 100%;
  line-height: 19px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* line 91, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-top-left-wrapper {
  top: 5px;
  left: 5px;
  position: absolute;
}

/* line 95, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-top-left-wrapper .video-badge {
  font-size: 11px;
  font-weight: 500;
  color: white;
  text-transform: uppercase;
  margin-right: 5px;
  padding: 4px;
  border-radius: 5px;
}

/* line 103, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-top-left-wrapper .video-badge.left {
  background-color: #56b9e5;
}

/* line 105, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-top-left-wrapper .video-badge.right {
  background-color: #454857;
}

/* line 108, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-bottom-right-wrapper {
  position: absolute;
  right: 6px;
  bottom: 6px;
}

/* line 112, app/assets/stylesheets/yogobe/components/components.videothumbnail.sass */
.video-bottom-right-wrapper .duration-wrapper {
  background-color: rgba(0, 0, 0, 0.75);
  font-size: 11px;
  font-weight: 400;
  color: white;
  text-align: center;
  display: block;
  border-radius: 4px;
  padding: 5px 7px;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlistblock {
  position: relative;
  display: flex;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.06);
}

@media (max-width: 46.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
  .c-playlistblock {
    flex-flow: column nowrap;
  }
}

@media (min-width: 46.25em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
  .c-playlistblock {
    flex-flow: row nowrap;
  }
}

@media (min-width: 46.25em) {
  /* line 12, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
  .c-playlistblock__thumbnail {
    flex: 0 0 40%;
  }
}

/* line 19, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlistblock__thumbnail__img {
  width: auto;
  max-width: inherit;
  object-fit: cover;
}

/* line 27, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlistblock__heart {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

/* line 32, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlistblock__heart svg {
  height: 35px;
}

/* line 39, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlistblock__heart--fill svg g g {
  fill: #56b9e5;
}

/* line 44, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlistblock__content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  width: 100%;
  padding: 20px 20px 10px 20px;
}

/* line 53, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlistblock__topcontent {
  margin-bottom: 20px;
}

@media (max-width: 46.24em) {
  /* line 58, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
  .c-playlistblock__header {
    margin-bottom: 10px;
  }
}

@media (min-width: 46.25em) {
  /* line 58, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
  .c-playlistblock__header {
    margin-bottom: 20px;
  }
}

/* line 65, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlistblock__header__meta {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-weight: 400;
}

/* line 70, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlistblock__header__author {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-weight: 300;
}

/* line 79, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlistblock__title {
  margin-bottom: 20px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
}

/* line 84, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlistblock__description {
  max-width: 500px;
  max-height: 75px;
  overflow: hidden;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  font-weight: 300;
}

/* line 93, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlistblock__footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

/* line 100, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlistblock__footer__actions {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-weight: 400;
}

/* line 105, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlistblock__footer__actions__edit {
  display: inline-block;
  margin-right: 20px;
  color: #3c3c3c;
  text-decoration: none;
}

/* line 112, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlistblock__footer__actions__delete {
  display: inline-block;
  color: #e86062;
  text-decoration: none;
}

/* line 119, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlistblock__footer__share {
  color: #56b9e5;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
}

/* line 126, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlistblock__footer__share svg {
  height: 12px;
}

/* line 133, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlists__categoryselectors {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 46.25em) and (max-width: 61.24em) {
  /* line 133, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
  .c-playlists__categoryselectors {
    width: 80%;
  }
}

@media (min-width: 61.25em) {
  /* line 133, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
  .c-playlists__categoryselectors {
    width: 50%;
  }
}

/* line 143, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlists__categoryselector {
  position: relative;
  display: block;
  height: 100%;
  background-color: #f7f7f7;
  overflow: hidden;
}

/* line 152, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlists__categoryselector--selected {
  background-color: #c7c7c7;
  border: 5px solid #56b9e5;
}

/* line 155, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlists__categoryselector--selected .c-playlists__categoryselector__text {
  color: #242424;
}

/* line 168, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlists__categoryselector__grid {
  display: flex;
  flex-flow: row wrap;
  overflow: hidden;
}

/* line 174, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlists__categoryselector__grid__item {
  flex: 0 0 20%;
}

@media (max-width: 21.875em) {
  /* line 174, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
  .c-playlists__categoryselector__grid__item {
    height: 15px;
  }
}

@media (min-width: 21.9375em) and (max-width: 25em) {
  /* line 174, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
  .c-playlists__categoryselector__grid__item {
    height: 18px;
  }
}

/* line 182, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlists__categoryselector__shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 191, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlists__categoryselector__shadow--selected {
  background-color: rgba(255, 255, 255, 0.8);
}

/* line 196, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlists__categoryselector__textcontainer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 202, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
.c-playlists__categoryselector__text {
  position: relative;
  font-weight: 400;
  text-align: center;
  color: white;
}

@media (max-width: 46.24em) {
  /* line 202, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
  .c-playlists__categoryselector__text {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media (min-width: 46.25em) {
  /* line 202, app/assets/stylesheets/yogobe/components/components.playlistblock.sass */
  .c-playlists__categoryselector__text {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

/* line 1, app/assets/stylesheets/yogobe/components/components.playlistform.sass */
.c-playlistform__bandwrapper {
  margin-bottom: 20px;
  background-color: #f7f7f7;
}

@media (max-width: 61.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.playlistform.sass */
  .c-playlistform__bandwrapper {
    padding: 40px 20px 20px;
  }
}

@media (min-width: 61.25em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.playlistform.sass */
  .c-playlistform__bandwrapper {
    padding: 50px 20px 45px;
  }
}

/* line 13, app/assets/stylesheets/yogobe/components/components.playlistform.sass */
.c-playlistform__title {
  margin-bottom: 5px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
}

/* line 19, app/assets/stylesheets/yogobe/components/components.playlistform.sass */
.c-playlistform__textinput {
  margin-right: 20px;
  margin-bottom: 20px;
}

/* line 24, app/assets/stylesheets/yogobe/components/components.playlistform.sass */
.c-playlistform__textinput--grey {
  background-color: #f7f7f7;
}

/* line 29, app/assets/stylesheets/yogobe/components/components.playlistform.sass */
.c-playlistform__visibility {
  display: inline-block;
  margin-bottom: 20px;
}

/* line 35, app/assets/stylesheets/yogobe/components/components.playlistform.sass */
.c-playlistform__textarea {
  width: 100%;
  margin-bottom: 20px;
}

/* line 41, app/assets/stylesheets/yogobe/components/components.playlistform.sass */
.c-playlistform__submit {
  float: right;
  margin-bottom: 20px;
}

/* line 49, app/assets/stylesheets/yogobe/components/components.playlistform.sass */
.c-playlistform__side__title {
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

/* line 56, app/assets/stylesheets/yogobe/components/components.playlistform.sass */
.c-playlistform__side__body {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__sidebar {
  padding: 10px;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.06);
}

/* line 7, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__sidebar__title {
  margin-bottom: 5px;
}

@media (max-width: 61.24em) {
  /* line 7, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
  .c-playlistshow__sidebar__title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

@media (min-width: 61.25em) {
  /* line 7, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
  .c-playlistshow__sidebar__title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
  }
}

/* line 16, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__sidebar__meta {
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-weight: 400;
}

/* line 22, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__sidebar__author {
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-weight: 300;
}

/* line 28, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__sidebar__footer {
  position: relative;
}

/* line 32, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__sidebar__heart {
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 0;
}

/* line 37, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__sidebar__heart svg {
  height: 30px;
}

/* line 44, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__instructor {
  padding-top: 20px;
}

/* line 48, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__instructor--second {
  position: absolute;
  left: 100px;
  top: 0;
  width: 100%;
  opacity: 0.4;
}

/* line 55, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__instructor--second .c-playlistshow__instructor__image__circle__img {
  padding: 5px;
  border: none;
}

/* line 59, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__instructor--second .c-playlistshow__instructor__content {
  display: none;
}

/* line 64, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__instructor__image {
  width: 50%;
  margin: 0 auto 20px auto;
}

/* line 69, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__instructor__image__circle__img {
  width: 100%;
  object-fit: cover;
}

/* line 76, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__instructor__heading {
  margin-bottom: 20px;
  font-weight: 300;
}

@media (max-width: 61.24em) {
  /* line 76, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
  .c-playlistshow__instructor__heading {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.3333333333;
  }
}

@media (min-width: 61.25em) {
  /* line 76, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
  .c-playlistshow__instructor__heading {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

/* line 85, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__instructor__body {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}

/* line 94, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__instructor__shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  cursor: pointer;
}

/* line 104, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__instructor__body__chevron {
  cursor: pointer;
  text-align: center;
  transition: 0.2s;
}

/* line 108, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__instructor__body__chevron svg {
  height: 20px;
}

/* line 112, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__instructor__body__chevron--rotate {
  transform: rotate(-180deg);
}

/* line 116, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-playlistshow__instructor__events {
  margin-bottom: 10px;
}

/* line 123, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-membercard {
  overflow: hidden;
}

@media (min-width: 23.4375em) and (max-width: 46.24em) {
  /* line 123, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
  .c-membercard {
    width: 50%;
  }
}

/* line 129, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
.c-membercard__name {
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

@media (max-width: 46.24em) {
  /* line 135, app/assets/stylesheets/yogobe/components/components.playlistshow.sass */
  .c-membercard__image {
    width: 60%;
    margin: 0 auto 10px;
  }
}

/* line 1, app/assets/stylesheets/yogobe/components/components.addtoplaylist.sass */
.c-addtoplaylist {
  margin-bottom: 40px;
}

@media (max-width: 23.4375em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.addtoplaylist.sass */
  .c-addtoplaylist {
    width: 260px;
  }
}

@media (min-width: 23.4375em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.addtoplaylist.sass */
  .c-addtoplaylist {
    width: 320px;
  }
}

/* line 10, app/assets/stylesheets/yogobe/components/components.addtoplaylist.sass */
.c-addtoplaylist__title {
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 200;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.blogblock.sass */
.c-blogblocks {
  display: flex;
  flex-flow: row wrap;
}

/* line 9, app/assets/stylesheets/yogobe/components/components.blogblock.sass */
.c-blogblock__wrapper {
  padding: 20px 15px;
}

@media (max-width: 46.24em) {
  /* line 12, app/assets/stylesheets/yogobe/components/components.blogblock.sass */
  .c-blogblock__wrapper:nth-last-child(n+2) {
    border-bottom: 1px solid #dff5ff;
  }
}

@media (min-width: 46.25em) and (max-width: 61.24em) {
  /* line 15, app/assets/stylesheets/yogobe/components/components.blogblock.sass */
  .c-blogblock__wrapper:nth-child(2n+1) {
    border-right: 1px solid #dff5ff;
  }
  /* line 17, app/assets/stylesheets/yogobe/components/components.blogblock.sass */
  .c-blogblock__wrapper:nth-child(-n+2), .c-blogblock__wrapper:nth-child(-n+4) {
    border-bottom: 1px solid #dff5ff;
  }
}

@media (min-width: 61.25em) {
  /* line 21, app/assets/stylesheets/yogobe/components/components.blogblock.sass */
  .c-blogblock__wrapper:nth-child(3n+1), .c-blogblock__wrapper:nth-child(3n+2) {
    border-right: 1px solid #dff5ff;
  }
  /* line 24, app/assets/stylesheets/yogobe/components/components.blogblock.sass */
  .c-blogblock__wrapper:nth-child(-n+3) {
    border-bottom: 1px solid #dff5ff;
  }
}

/* line 29, app/assets/stylesheets/yogobe/components/components.blogblock.sass */
.c-blogblock__meta {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
}

/* line 40, app/assets/stylesheets/yogobe/components/components.blogblock.sass */
.c-blogblock__author a {
  color: #3c3c3c;
  text-decoration: none;
}

/* line 46, app/assets/stylesheets/yogobe/components/components.blogblock.sass */
.c-blogblock__title {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
}

/* line 51, app/assets/stylesheets/yogobe/components/components.blogblock.sass */
.c-blogblock__readmore {
  color: #56b9e5;
  text-transform: uppercase;
  text-decoration: none;
}

/* line 57, app/assets/stylesheets/yogobe/components/components.blogblock.sass */
.c-blogblock__share {
  color: #56b9e5;
  text-transform: uppercase;
  cursor: pointer;
}

/* line 62, app/assets/stylesheets/yogobe/components/components.blogblock.sass */
.c-blogblock__share svg {
  height: 12px;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog-post {
  margin-bottom: 40px;
}

/* line 5, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog-post hr.read-more-divider {
  display: none;
}

/* line 10, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog-post__header {
  margin-bottom: 10px;
}

/* line 12, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog-post__header a {
  color: #3c3c3c;
}

/* line 17, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog-post__heading {
  margin-bottom: 5px;
  font-weight: 400;
  color: #3c3c3c;
}

/* line 24, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog-post__featured-image {
  width: 100%;
  margin-bottom: 20px;
}

/* line 30, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.c-blogpost__header__info {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

/* line 37, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.c-blogpost__header__meta {
  margin: 0 10px 5px 0;
}

/* line 42, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog-post-pricing-banner a img {
  width: 100%;
}

/* line 44, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog-post-pricing-banner .desktop {
  display: block;
}

/* line 46, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog-post-pricing-banner .mobile {
  display: none;
}

@media (max-width: 46.24em) {
  /* line 49, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
  .blog-post-pricing-banner .desktop {
    display: none;
  }
  /* line 51, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
  .blog-post-pricing-banner .mobile {
    display: block;
  }
}

/* line 55, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.c-blog-post-body h2 {
  margin-bottom: 5px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 400;
}

/* line 59, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.c-blog-post-body b, .c-blog-post-body strong {
  font-weight: 400;
}

/* line 61, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.c-blog-post-body img {
  max-width: 100% !important;
}

/* line 67, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.c-blogpost__heart {
  display: inline-block;
  margin-right: 10px;
}

/* line 73, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.c-blogpost__heart svg {
  height: 25px;
}

/* line 80, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.c-blogpost__heart--fill svg g g {
  fill: #56b9e5;
}

/* line 86, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog__categories {
  padding: 0 3rem;
}

/* line 88, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog__categories ul {
  margin-left: 0;
  list-style-type: none;
}

/* line 91, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog__categories li {
  margin-bottom: 10px;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.8461538462;
}

/* line 94, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog__categories a {
  color: #3c3c3c;
}

/* line 97, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog__categories .input .error {
  padding: 2px;
  border: 2px solid red;
}

/* line 105, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog__search__input {
  width: 80%;
  margin-bottom: 20px;
  padding: 0.5rem;
}

/* line 111, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog__aside__heading {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.8461538462;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* line 122, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.c-blog__navigation {
  margin-bottom: 40px;
}

/* line 127, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog__previous {
  float: left;
}

@media (max-width: 46.24em) {
  /* line 127, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
  .blog__previous {
    margin-left: 1rem;
  }
}

/* line 132, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.blog__next {
  float: right;
}

@media (max-width: 46.24em) {
  /* line 132, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
  .blog__next {
    margin-right: 1rem;
  }
}

/* line 138, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
div.footer-post-image .desktop {
  display: block;
}

/* line 140, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
div.footer-post-image .mobile {
  display: none;
}

@media (max-width: 46.24em) {
  /* line 143, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
  div.footer-post-image .desktop {
    display: none;
  }
  /* line 145, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
  div.footer-post-image .mobile {
    display: block;
  }
}

/* line 148, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.c-blog-post-body__shortened {
  display: block;
  margin-bottom: calc(-3 * 1.4em);
}

/* line 152, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
.c-blog-post-body__full {
  display: none;
}

/* line 155, app/assets/stylesheets/yogobe/components/components.blogpost.sass */
#c-blog-post-body__read-more {
  display: block;
  margin: 20px auto;
  width: 20em;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
.c-courseblock {
  display: flex;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.06);
}

@media (max-width: 46.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
  .c-courseblock {
    flex-flow: column nowrap;
  }
}

@media (min-width: 46.25em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
  .c-courseblock {
    flex-flow: row nowrap;
  }
}

@media (min-width: 46.25em) {
  /* line 11, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
  .c-courseblock__thumbnail {
    flex: 0 0 40%;
  }
}

/* line 18, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
.c-courseblock__thumbnail__img {
  width: auto;
  max-width: inherit;
  object-fit: cover;
}

/* line 25, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
.c-courseblock__thumbnail__heading {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 7px 15px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  color: white;
  background-color: #56b9e5;
}

/* line 36, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
.c-courseblock__content {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  width: 100%;
  padding: 20px 20px 10px 20px;
}

/* line 45, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
.c-courseblock__topcontent {
  margin-bottom: 20px;
}

@media (max-width: 46.24em) {
  /* line 50, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
  .c-courseblock__header {
    margin-bottom: 10px;
  }
}

@media (min-width: 46.25em) {
  /* line 50, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
  .c-courseblock__header {
    margin-bottom: 20px;
  }
}

/* line 57, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
.c-courseblock__header__meta {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-weight: 400;
}

/* line 62, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
.c-courseblock__header__author {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-weight: 300;
}

/* line 67, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
.c-courseblock__header__length {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
}

/* line 75, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
.c-courseblock__title {
  margin-bottom: 20px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
}

/* line 80, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
.c-courseblock__description {
  max-width: 500px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  font-weight: 300;
}

/* line 87, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
.c-courseblock__footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

/* line 94, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
.c-courseblock__footer__actions {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-weight: 400;
}

/* line 104, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
.c-courseblock__footer__share {
  color: #56b9e5;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
}

/* line 111, app/assets/stylesheets/yogobe/components/components.courseblock.sass */
.c-courseblock__footer__share svg {
  height: 12px;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships {
  color: #3c3c3c;
}

/* line 8, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships--register {
  display: flex;
  flex-flow: column nowrap;
}

@media (max-width: 61.24em) {
  /* line 13, app/assets/stylesheets/yogobe/components/components.memberships.sass */
  .c-memberships__wrapper {
    display: flex;
    flex-flow: row nowrap;
  }
}

/* line 24, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__small {
  padding-top: 40px;
  text-align: center;
}

@media (max-width: 61.24em) {
  /* line 24, app/assets/stylesheets/yogobe/components/components.memberships.sass */
  .c-memberships__small {
    width: 50%;
    margin-bottom: 20px;
    padding: 40px 10px 20px;
  }
}

/* line 33, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__mini {
  display: block;
  margin-bottom: 20px;
  padding: 10px 20px;
  cursor: pointer;
}

/* line 41, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__mini__link--blue {
  display: block;
  color: #56b9e5;
  text-decoration: none;
  cursor: pointer;
}

/* line 48, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__mini__link--grey {
  display: block;
  color: #3c3c3c;
  text-decoration: none;
  cursor: pointer;
}

/* line 56, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__mini__icon {
  display: inline;
  float: right;
  padding-top: 3px;
}

/* line 61, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__mini__icon svg {
  height: 16px;
}

/* line 63, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__mini__icon svg g {
  stroke: #56b9e5;
}

/* line 70, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__mini__icon--grey svg g {
  stroke: #3c3c3c;
}

/* line 76, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__mini__icon--medium-grey svg g {
  stroke: #c7c7c7;
}

/* line 81, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__mini__icon--expander svg {
  transform: rotate(90deg);
  transition: 0.2s;
}

/* line 87, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__mini__icon--expander--rotate svg {
  transform: rotate(-90deg);
}

/* line 92, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__mini__expandable {
  padding: 20px 0 0 0;
}

/* line 97, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__mini__expandable__heading {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 400;
}

@media (min-width: 61.25em) {
  /* line 103, app/assets/stylesheets/yogobe/components/components.memberships.sass */
  .c-memberships__mini__expandable__layoutitem {
    padding-right: 20px;
  }
}

/* line 109, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__mini__expandable__textinput {
  display: inline-block;
  width: 60%;
  padding: 10px 20px;
  border: none;
  border-radius: 99px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
}

/* line 120, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__mini__expandable__link {
  display: inline-block;
  margin-bottom: 20px;
}

@media (max-width: 46.24em) {
  /* line 120, app/assets/stylesheets/yogobe/components/components.memberships.sass */
  .c-memberships__mini__expandable__link {
    margin-right: 10px;
  }
}

@media (min-width: 46.25em) {
  /* line 120, app/assets/stylesheets/yogobe/components/components.memberships.sass */
  .c-memberships__mini__expandable__link {
    margin-right: 20px;
  }
}

/* line 130, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__mini__expandable__icon {
  display: inline-block;
}

/* line 132, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__mini__expandable__icon svg {
  height: 58px;
}

/* line 139, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__title {
  font-weight: 400;
}

@media (max-width: 61.24em) {
  /* line 139, app/assets/stylesheets/yogobe/components/components.memberships.sass */
  .c-memberships__title {
    margin-bottom: 10px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1;
  }
}

@media (min-width: 61.25em) {
  /* line 139, app/assets/stylesheets/yogobe/components/components.memberships.sass */
  .c-memberships__title {
    margin-bottom: 2rem;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1.4117647059;
  }
}

/* line 150, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__description {
  padding-bottom: 10px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

@media (max-width: 61.24em) {
  /* line 150, app/assets/stylesheets/yogobe/components/components.memberships.sass */
  .c-memberships__description {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

/* line 158, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__subdescription--desktop {
  padding-bottom: 10px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
}

@media (max-width: 61.24em) {
  /* line 158, app/assets/stylesheets/yogobe/components/components.memberships.sass */
  .c-memberships__subdescription--desktop {
    display: none;
  }
}

/* line 165, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__subdescription--mobile {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
}

@media (min-width: 61.25em) {
  /* line 165, app/assets/stylesheets/yogobe/components/components.memberships.sass */
  .c-memberships__subdescription--mobile {
    display: none;
  }
}

/* line 171, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__subdescription--blue {
  color: #56b9e5;
}

/* line 175, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__subdescription--pink {
  color: #ea6ea3;
}

/* line 180, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__buttons {
  margin-bottom: 20px;
  text-align: center;
}

@media (max-width: 61.24em) {
  /* line 180, app/assets/stylesheets/yogobe/components/components.memberships.sass */
  .c-memberships__buttons {
    width: 50%;
    padding: 40px 10px 20px;
  }
}

@media (min-width: 61.25em) {
  /* line 180, app/assets/stylesheets/yogobe/components/components.memberships.sass */
  .c-memberships__buttons {
    padding: 20px;
  }
}

/* line 192, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__buttons__description {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

@media (min-width: 61.25em) {
  /* line 192, app/assets/stylesheets/yogobe/components/components.memberships.sass */
  .c-memberships__buttons__description {
    display: none;
  }
}

@media (max-width: 61.24em) {
  /* line 199, app/assets/stylesheets/yogobe/components/components.memberships.sass */
  .c-memberships__buttons__link {
    margin-bottom: 10px;
  }
}

/* line 205, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__ribbon {
  position: absolute;
  top: 16px;
  left: -90px;
  transform: rotate(-35deg);
  width: 400px;
  padding: 30px;
  color: white;
  background-color: #ea6ea3;
}

/* line 216, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__ribbon__supertitle {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

/* line 220, app/assets/stylesheets/yogobe/components/components.memberships.sass */
.c-memberships__ribbon__title {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.listblock.sass */
.c-listblocks {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 40px;
  margin-left: -20px;
}

/* line 9, app/assets/stylesheets/yogobe/components/components.listblock.sass */
.c-listblock {
  position: relative;
  flex: 1 1 200px;
  margin-left: 20px;
  padding: 60px 20px 40px;
  background-color: #dff5ff;
}

/* line 34, app/assets/stylesheets/yogobe/components/components.listblock.sass */
.c-listblock__header {
  position: absolute;
  top: 0;
  left: 0;
  padding: 7px 15px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  background-color: white;
}

/* line 44, app/assets/stylesheets/yogobe/components/components.listblock.sass */
.c-listblock__ul, .c-listblock__classless ul {
  margin-left: 0;
  list-style: none;
}

/* line 50, app/assets/stylesheets/yogobe/components/components.listblock.sass */
.c-listblock__li, .c-listblock__classless li {
  margin-bottom: 20px;
}

/* line 52, app/assets/stylesheets/yogobe/components/components.listblock.sass */
.c-listblock__li:before, .c-listblock__classless li:before {
  content: url("https://yogobe.com/assets/j/starthead-check-75453b1ef8b2e9991640a620276e45c713964bb2c13946e1b82d11d6d87326a6.svg");
  margin-right: 10px;
}

/* line 61, app/assets/stylesheets/yogobe/components/components.listblock.sass */
.c-listblock__classless ul:last-child {
  margin-bottom: 0;
}

/* line 65, app/assets/stylesheets/yogobe/components/components.listblock.sass */
.c-listblock__classless li:last-child {
  margin-bottom: 0;
}

/* line 67, app/assets/stylesheets/yogobe/components/components.listblock.sass */
.c-listblock__classless p {
  margin-bottom: 0;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.testimonials.sass */
.c-testimonials {
  text-align: center;
}

/* line 5, app/assets/stylesheets/yogobe/components/components.testimonials.sass */
.c-testimonials__image__wrapper {
  width: 150px;
  margin: 0 auto 40px auto;
  overflow: hidden;
  border-radius: 999px;
}

/* line 12, app/assets/stylesheets/yogobe/components/components.testimonials.sass */
.c-testimonials__image {
  width: 100%;
}

/* line 17, app/assets/stylesheets/yogobe/components/components.testimonials.sass */
.c-testimonials__text {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  overflow: hidden;
}

@media (min-width: 46.25em) {
  /* line 17, app/assets/stylesheets/yogobe/components/components.testimonials.sass */
  .c-testimonials__text {
    height: 140px;
  }
}

@media (min-width: 61.25em) {
  /* line 17, app/assets/stylesheets/yogobe/components/components.testimonials.sass */
  .c-testimonials__text {
    height: 210px;
  }
}

@media (min-width: 81.25em) {
  /* line 17, app/assets/stylesheets/yogobe/components/components.testimonials.sass */
  .c-testimonials__text {
    height: 165px;
  }
}

/* line 30, app/assets/stylesheets/yogobe/components/components.testimonials.sass */
.c-testimonials__quote {
  margin-bottom: 20px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 200;
  font-style: italic;
}

/* line 41, app/assets/stylesheets/yogobe/components/components.testimonials.sass */
.c-testimonials__name {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

/* line 46, app/assets/stylesheets/yogobe/components/components.testimonials.sass */
.c-testimonials__bio {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
.c-profilehead {
  position: relative;
}

@media (max-width: 46.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
  .c-profilehead {
    margin-top: -95px;
    margin-bottom: 40px;
  }
}

@media (min-width: 46.25em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
  .c-profilehead {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-end;
    margin-bottom: 60px;
  }
}

@media (min-width: 61.25em) and (max-width: 81.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
  .c-profilehead {
    margin-top: -35px;
  }
}

@media (min-width: 81.25em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
  .c-profilehead {
    margin-top: -55px;
  }
}

/* line 18, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
.c-profilehead__heart {
  position: absolute;
  top: 70px;
  right: 20px;
  cursor: pointer;
}

/* line 23, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
.c-profilehead__heart svg {
  height: 35px;
}

/* line 30, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
.c-profilehead__heart--fill svg g g {
  fill: #56b9e5;
}

/* line 35, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
.c-profilehead__image {
  margin-right: 20px;
}

@media (max-width: 46.24em) {
  /* line 35, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
  .c-profilehead__image {
    width: 50%;
    margin: 0 auto 20px;
  }
}

@media (min-width: 46.25em) {
  /* line 35, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
  .c-profilehead__image {
    width: 16.6666666667%;
  }
}

/* line 47, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
.c-profilehead__image__circle {
  border-radius: 999px;
  overflow: hidden;
}

/* line 53, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
.c-profilehead__image__filefield {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

/* line 63, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
.c-profilehead__image__circle__img {
  max-width: 100%;
  object-fit: cover;
}

/* line 75, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
.c-profilehead__image__circle__grey {
  width: 100%;
  height: 100%;
  background-color: #f7f7f7;
}

/* line 85, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
.c-profilehead__content {
  position: relative;
}

@media (max-width: 46.24em) {
  /* line 85, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
  .c-profilehead__content {
    margin-bottom: 20px;
  }
}

@media (min-width: 46.25em) {
  /* line 85, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
  .c-profilehead__content {
    width: 66.6666666667%;
  }
}

/* line 94, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
.c-profilehead__name {
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
}

@media (max-width: 46.24em) {
  /* line 94, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
  .c-profilehead__name {
    margin-bottom: 20px;
    text-align: center;
  }
}

/* line 105, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
.c-profilehead__bio {
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
}

/* line 111, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
.c-profilehead__bio--weak {
  color: #c7c7c7;
}

/* line 116, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
.c-profilehead__editbio {
  color: #3c3c3c;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  text-decoration: underline;
}

/* line 122, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
.c-profilehead__editavatar {
  color: #3c3c3c;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  text-decoration: underline;
}

@media (min-width: 46.25em) {
  /* line 131, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
  .c-profilehead__links {
    width: 16.6666666667%;
  }
}

/* line 136, app/assets/stylesheets/yogobe/components/components.profilehead.sass */
.c-profilehead__links__link {
  display: block;
  color: #3c3c3c;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  text-decoration: underline;
}

@media (max-width: 61.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
  .c-profilenav__wrapper--library {
    padding: 10px 0;
  }
}

@media (min-width: 61.25em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
  .c-profilenav__wrapper--library {
    padding: 20px;
  }
}

/* line 8, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
.c-profilenav {
  margin-bottom: 40px;
}

/* line 13, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
.c-profilenav__list {
  display: inline-block;
  margin-bottom: 0;
  margin-left: 0;
  list-style-type: none;
}

@media (max-width: 46.24em) {
  /* line 13, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
  .c-profilenav__list {
    display: none;
  }
}

/* line 23, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
.c-profilenav__list--mobile {
  display: inline-block;
}

/* line 28, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
.c-profilenav__item {
  display: inline-block;
  padding-right: 40px;
  font-weight: 200;
}

/* line 34, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
.c-profilenav__item--active {
  font-weight: 400;
}

/* line 39, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
.c-profilenav__anchor {
  color: #3c3c3c;
  text-decoration: none;
}

/* line 47, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
.c-profilenav__form {
  height: 24px;
}

@media (min-width: 46.25em) {
  /* line 47, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
  .c-profilenav__form {
    display: none;
  }
}

/* line 54, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
.c-profilenav__select {
  width: 100%;
  height: 42px;
  -webkit-appearance: button;
  -moz-appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-padding-end: 20px;
  -moz-padding-end: 20px;
  -webkit-padding-start: 20px;
  -moz-padding-start: 20px;
  overflow: hidden;
  background: url("https://yogobe.com/assets/j/chevron-down-f22d83116ceea824a522b4fba398c277d19fc95a3afb4d293db05bf6615bb4f4.svg") no-repeat 95% #dff5ff;
  background-size: auto 11px;
  border: 1px solid #dff5ff;
  border-radius: 21px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: #129edc;
  text-overflow: ellipsis;
}

/* line 77, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
.c-profilenav__option {
  font-weight: 400;
}

/* line 82, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
.c-profilenav__selecthelper {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-weight: 200;
}

/* line 91, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
.c-profilenav__selecthelper__icon {
  display: inline;
  margin-left: 4px;
  vertical-align: -4px;
}

/* line 95, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
.c-profilenav__selecthelper__icon svg {
  height: 16px;
}

/* line 102, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
.c-profilenav--videos {
  margin-bottom: 30px;
}

@media (min-width: 46.25em) and (max-width: 61.24em) {
  /* line 107, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
  .c-profilenav__item--videos {
    padding-right: 15px;
  }
}

@media (min-width: 61.25em) {
  /* line 107, app/assets/stylesheets/yogobe/components/components.profilenav.sass */
  .c-profilenav__item--videos {
    padding-right: 30px;
  }
}

/* line 1, app/assets/stylesheets/yogobe/components/components.profilesection.sass */
.c-profilesection__expandable {
  margin-bottom: 20px;
}

/* line 5, app/assets/stylesheets/yogobe/components/components.profilesection.sass */
.c-profilesection__expander {
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 300;
  cursor: pointer;
}

/* line 12, app/assets/stylesheets/yogobe/components/components.profilesection.sass */
.c-profilesection__expander__icon {
  display: inline;
}

/* line 14, app/assets/stylesheets/yogobe/components/components.profilesection.sass */
.c-profilesection__expander__icon svg {
  height: 12px;
  transition: 0.2s;
}

/* line 20, app/assets/stylesheets/yogobe/components/components.profilesection.sass */
.c-profilesection__expander__icon--rotate svg {
  transform: rotate(-180deg);
}

/* line 27, app/assets/stylesheets/yogobe/components/components.profilesection.sass */
.c-profilesection__membershipstatus {
  margin-bottom: 20px;
  padding: 30px;
  background-color: #f7f7f7;
}

/* line 35, app/assets/stylesheets/yogobe/components/components.profilesection.sass */
.c-profilesection__heading {
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

/* line 43, app/assets/stylesheets/yogobe/components/components.profilesection.sass */
.c-profilesection__band {
  margin-bottom: 60px;
  padding-top: 40px;
  padding-bottom: 40px;
}

/* line 51, app/assets/stylesheets/yogobe/components/components.profilesection.sass */
.c-profilesection__receipts__table {
  text-align: left;
}

/* line 5, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform--register, .c-detailsform--welcome, .c-detailsform--login {
  margin: 0 auto;
}

@media (min-width: 46.25em) and (max-width: 61.24em) {
  /* line 5, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
  .c-detailsform--register, .c-detailsform--welcome, .c-detailsform--login {
    width: 50%;
  }
}

@media (min-width: 61.25em) {
  /* line 5, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
  .c-detailsform--register, .c-detailsform--welcome, .c-detailsform--login {
    width: 33.3333333333%;
  }
}

/* line 24, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__input {
  width: 100%;
  margin-bottom: 20px;
}

/* line 30, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__label {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
}

/* line 35, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__textfield {
  display: block;
  width: 100%;
  padding: 10px 20px;
  border: none;
  border-radius: 99px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
}

/* line 45, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__textfield--grey {
  background-color: #f7f7f7;
}

/* line 50, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__textfield__wrapper {
  position: relative;
}

/* line 55, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__filefield {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: block;
  width: 100%;
  padding: 8px 20px;
  border: none;
  border-radius: 99px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
}

/* line 72, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__radio {
  position: absolute;
  visibility: hidden;
}

/* line 77, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__radio__label {
  position: relative;
  margin-right: 10px;
  padding-left: 30px;
  cursor: pointer;
  transition: all 0.2s linear;
}

/* line 84, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__radio__label:hover .c-detailsform__radio__figure {
  border: 5px solid #56b9e5;
}

/* line 94, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__radio__figure {
  display: block;
  position: absolute;
  border: 2px solid #56b9e5;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  top: 0;
  left: 0;
  transition: border .25s linear;
}

/* line 105, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__radio__figure::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 10px;
  width: 10px;
  top: 0;
  left: 0;
  transition: background 0.2s linear;
}

/* line 118, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__radio:checked ~ .c-detailsform__radio__figure {
  border: 5px solid #56b9e5;
}

/* line 121, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__radio:checked ~ .c-detailsform__radio__figure::before {
  background: #56b9e5;
}

/* line 128, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__check {
  position: absolute;
  visibility: hidden;
}

/* line 133, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__check__label {
  position: relative;
  margin-right: 10px;
  padding-left: 30px;
  cursor: pointer;
  transition: all 0.2s linear;
}

/* line 140, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__check__label:hover .c-detailsform__check__figure {
  border: 5px solid #56b9e5;
}

/* line 144, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__check__label--block {
  display: block;
  margin-bottom: 10px;
}

/* line 155, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__check__figure {
  display: block;
  position: absolute;
  border: 2px solid #56b9e5;
  border-radius: 5px;
  height: 20px;
  width: 20px;
  top: 0;
  left: 0;
  transition: border .25s linear;
}

/* line 166, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__check__figure::before {
  display: block;
  position: absolute;
  content: '';
  height: 10px;
  width: 10px;
  top: 0;
  left: 0;
  transition: background 0.2s linear;
}

/* line 179, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__check:checked ~ .c-detailsform__check__figure {
  border: 5px solid #56b9e5;
}

/* line 182, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__check:checked ~ .c-detailsform__check__figure::before {
  background: #56b9e5;
}

/* line 188, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__check__expander:not(:checked) ~ .c-detailsform__check__expandable {
  display: none;
}

/* line 193, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__check__expandable {
  padding-top: 10px;
}

/* line 198, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__check__textfield {
  padding: 0 10px;
  border: none;
  border-radius: 99px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 300;
  background-color: #f7f7f7;
}

/* line 212, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__select, .c-detailsform__select--date_select select {
  width: 100%;
  height: 42px;
  -webkit-appearance: button;
  -moz-appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-padding-end: 20px;
  -moz-padding-end: 20px;
  -webkit-padding-start: 20px;
  -moz-padding-start: 20px;
  overflow: hidden;
  background: url("https://yogobe.com/assets/j/chevron-down-f22d83116ceea824a522b4fba398c277d19fc95a3afb4d293db05bf6615bb4f4.svg") no-repeat 95% #dff5ff;
  background-size: auto 11px;
  border: 1px solid #dff5ff;
  border-radius: 21px;
  outline: none;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 200;
  color: #129edc;
  text-overflow: ellipsis;
}

/* line 235, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__select--date_select {
  display: flex;
  flex-flow: row nowrap;
  max-width: 450px;
}

/* line 252, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__submit {
  width: 100%;
  margin-bottom: 20px;
}

/* line 257, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__submit--email {
  margin-bottom: 45px;
}

/* line 263, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__confirmation__box {
  width: 100%;
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  color: #129edc;
  background-color: #dff5ff;
}

/* line 272, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__confirmation__sub {
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  color: #c7c7c7;
}

/* line 281, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__campaigncode__heading {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  cursor: pointer;
}

/* line 289, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__errors {
  margin-bottom: 20px;
  padding: 0.5rem 1rem;
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

/* line 295, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__errors p {
  margin-bottom: 0.5rem;
}

/* line 302, app/assets/stylesheets/yogobe/components/components.detailsform.sass */
.c-detailsform__centertext {
  text-align: center;
}

/* line 4, app/assets/stylesheets/yogobe/components/components.videosettings.sass */
.c-videosettings__tag {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 240px;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead {
  position: relative;
  margin-top: -200px;
}

/* line 7, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__clouds {
  height: 325px;
  padding-top: 50px;
}

@media (max-width: 61.24em) {
  /* line 10, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-coursehead__clouds svg {
    height: 100%;
  }
}

@media (min-width: 61.25em) {
  /* line 10, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-coursehead__clouds svg {
    width: 100%;
  }
}

/* line 18, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.coursehead__title--sub {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 400;
}

/* line 24, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.coursehead__title--course {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 1.4117647059;
  font-weight: 300;
  text-align: center;
}

/* line 31, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__container {
  display: flex;
  max-width: 1024px;
  margin: 0 auto 60px;
}

@media (max-width: 46.24em) {
  /* line 31, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-coursehead__container {
    flex-flow: row wrap;
    justify-content: space-between;
  }
}

@media (min-width: 46.25em) {
  /* line 31, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-coursehead__container {
    flex-flow: row nowrap;
  }
}

/* line 43, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__content {
  position: relative;
  width: 100%;
  overflow: hidden;
}

@media (min-width: 46.25em) {
  /* line 43, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-coursehead__content {
    order: 2;
    margin: 0 40px;
  }
}

/* line 52, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__nav--prev {
  order: 1;
}

/* line 56, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__nav--next {
  order: 3;
}

/* line 63, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__content__shadow {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 5;
  text-align: center;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  cursor: pointer;
}

/* line 73, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__content__shadow svg {
  position: absolute;
  bottom: 10px;
}

@media (max-width: 46.24em) {
  /* line 73, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-coursehead__content__shadow svg {
    height: 17px;
  }
}

@media (min-width: 46.25em) {
  /* line 73, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-coursehead__content__shadow svg {
    height: 24px;
  }
}

/* line 80, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__content__shadow svg g {
  stroke: #7d7d7d;
}

/* line 85, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__nav {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  color: #3c3c3c;
}

@media (max-width: 46.24em) {
  /* line 85, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-coursehead__nav {
    padding-top: 20px;
  }
}

@media (min-width: 46.25em) {
  /* line 85, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-coursehead__nav {
    padding-top: 200px;
  }
}

/* line 95, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__nav--disabled {
  color: #c7c7c7;
}

/* line 97, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__nav--disabled .c-coursehead__nav__button {
  background-color: #c7c7c7;
}

/* line 102, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__nav__label {
  margin-bottom: 5px;
}

/* line 107, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__nav__button {
  display: inline-block;
  border-radius: 99px;
  background-color: #56b9e5;
}

@media (max-width: 46.24em) {
  /* line 107, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-coursehead__nav__button {
    width: 50px;
    height: 50px;
  }
}

@media (min-width: 46.25em) {
  /* line 107, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-coursehead__nav__button {
    width: 70px;
    height: 70px;
  }
}

@media (max-width: 46.24em) {
  /* line 117, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-coursehead__nav__button svg {
    height: 17px;
  }
}

@media (min-width: 46.25em) {
  /* line 117, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-coursehead__nav__button svg {
    height: 24px;
  }
}

/* line 122, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__nav__button svg g {
  stroke: white;
}

/* line 127, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__nav__button--prev svg {
  transform: rotate(90deg) translate(58%, 10%);
}

/* line 132, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__nav__button--next svg {
  transform: rotate(270deg) translate(-58%, 10%);
}

/* line 136, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__nav--hidden {
  visibility: hidden;
}

/* line 140, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.o-ratio--4\:1:before {
  padding-bottom: 56.25%;
}

/* line 149, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__video__iframe {
  width: 100%;
  height: 100%;
}

/* line 155, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__text {
  position: relative;
}

@media (max-width: 46.24em) {
  /* line 155, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-coursehead__text {
    padding: 20px 20px;
  }
}

@media (min-width: 46.25em) {
  /* line 155, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-coursehead__text {
    padding: 40px 80px;
  }
}

/* line 162, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__text img.touch-image {
  display: none;
}

/* line 166, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__text__duration {
  margin-bottom: 10px;
  text-align: right;
}

@media (min-width: 46.25em) {
  /* line 166, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-coursehead__text__duration {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}

/* line 176, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.coursehead__partinfo {
  margin-bottom: 20px;
  border-bottom: 1px solid #c7c7c7;
}

/* line 184, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursebody__sidebar__partners {
  margin-bottom: 40px;
}

/* line 189, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursebody__sidebar__partners__title {
  font-weight: 400;
}

/* line 194, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursebody__sidebar__partners__img {
  width: 70%;
}

/* line 201, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  padding: 10px 20px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-weight: 400;
  text-transform: uppercase;
  color: #56b9e5;
}

/* line 214, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__footer__schedule {
  margin-right: 1rem;
  cursor: pointer;
}

/* line 220, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__footer__offline {
  margin-right: 1rem;
  cursor: pointer;
}

/* line 227, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-coursehead__footer__heart svg {
  height: 25px;
}

/* line 236, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.new_survey_answer .hint {
  margin-bottom: 0.5rem;
}

@media (min-width: 31.25em) {
  /* line 239, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .new_survey_answer .radio-button {
    display: inline-block;
    margin-left: 1rem;
    vertical-align: top;
    text-align: center;
  }
  /* line 244, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .new_survey_answer .radio-button input {
    display: block;
    margin: 0 auto;
  }
}

/* line 253, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.course__document__print h2 {
  margin-bottom: 0;
}

/* line 256, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-course_discount_banner {
  display: flex;
  align-items: center;
  background-color: #F3E2EA;
  padding: 20px;
  border-radius: 2px;
  margin-bottom: 20px;
}

@media screen and (max-width: 736px) {
  /* line 256, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-course_discount_banner {
    flex-direction: column;
  }
}

/* line 266, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-course_discount_banner .fa-info-circle {
  font-size: 1.2em;
}

/* line 269, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-course_discount_banner p {
  color: black;
  font-size: 15px;
  margin: 0 30px 0 20px;
}

/* line 273, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-course_discount_banner p a {
  color: black;
  text-decoration: underline;
  display: inline-block;
}

/* line 278, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-course_discount_banner input.c-button, .c-course_discount_banner input.register__button {
  flex-shrink: 0;
  border-radius: 2px;
  font-size: 15px;
  font-weight: 600;
  color: white;
}

@media screen and (max-width: 736px) {
  /* line 278, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
  .c-course_discount_banner input.c-button, .c-course_discount_banner input.register__button {
    margin-top: 20px;
  }
}

/* line 287, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-course_discount_banner__success {
  background-color: transparent;
  border: 1px solid #51977a;
  color: #51977a;
}

/* line 291, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-course_discount_banner__success input.c-button, .c-course_discount_banner__success input.register__button {
  color: #ea6ea3;
}

/* line 294, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-course_discount_banner__warning {
  background-color: white;
  border: 1px solid #ffa15c;
  color: #ffa15c;
}

/* line 299, app/assets/stylesheets/yogobe/components/components.coursehead.sass */
.c-course_discount_banner__danger {
  background-color: white;
  border: 1px solid #e53b4d;
  color: #e53b4d;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.coursebody.sass */
.c-coursebody__title {
  font-size: 34px;
  font-size: 2.125rem;
  line-height: 1.5;
  font-weight: 300;
}

/* line 7, app/assets/stylesheets/yogobe/components/components.coursebody.sass */
.c-coursebody__overviewlink {
  margin-bottom: 40px;
}

/* line 15, app/assets/stylesheets/yogobe/components/components.coursebody.sass */
.c-coursebody__sidebar__section {
  display: block;
  margin-bottom: 20px;
  padding: 10px 20px;
}

/* line 22, app/assets/stylesheets/yogobe/components/components.coursebody.sass */
.c-coursebody__sidebar__expander {
  display: block;
  color: #3c3c3c;
  text-decoration: none;
  cursor: pointer;
}

/* line 30, app/assets/stylesheets/yogobe/components/components.coursebody.sass */
.c-coursebody__sidebar__icon {
  display: inline;
  float: right;
  padding-top: 3px;
}

/* line 34, app/assets/stylesheets/yogobe/components/components.coursebody.sass */
.c-coursebody__sidebar__icon svg {
  height: 16px;
}

/* line 36, app/assets/stylesheets/yogobe/components/components.coursebody.sass */
.c-coursebody__sidebar__icon svg g {
  stroke: #56b9e5;
}

/* line 41, app/assets/stylesheets/yogobe/components/components.coursebody.sass */
.c-coursebody__sidebar__icon--expander svg {
  transform: rotate(90deg);
  transition: 0.2s;
}

/* line 47, app/assets/stylesheets/yogobe/components/components.coursebody.sass */
.c-coursebody__sidebar__icon--expander--rotate svg {
  transform: rotate(-90deg);
}

/* line 54, app/assets/stylesheets/yogobe/components/components.coursebody.sass */
.c-coursebody__sidebar__expandable {
  padding: 20px 0 0 0;
}

/* line 59, app/assets/stylesheets/yogobe/components/components.coursebody.sass */
.c-coursebody__sidebar__expandable__heading {
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

/* line 66, app/assets/stylesheets/yogobe/components/components.coursebody.sass */
.c-coursebody__sidebar__expandable__paragraph {
  margin-bottom: 10px;
}

/* line 71, app/assets/stylesheets/yogobe/components/components.coursebody.sass */
.c-coursebody__sidebar__textinput {
  display: block;
  margin-bottom: 10px;
  width: 100%;
}

/* line 78, app/assets/stylesheets/yogobe/components/components.coursebody.sass */
.c-coursebody__sidebar__submit {
  display: block;
  margin-bottom: 20px;
  width: 100%;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot {
  position: relative;
}

/* line 6, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__item {
  margin-bottom: 40px;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.06);
}

/* line 12, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__thumbnail {
  cursor: pointer;
}

/* line 18, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__thumbnail__shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.15);
}

/* line 28, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__thumbnail__title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.25;
  color: white;
}

/* line 40, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__footer {
  position: relative;
}

/* line 45, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__status {
  margin-left: 30px;
  padding: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

/* line 49, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__status:after {
  content: '\00a0';
}

/* line 54, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__expander {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  text-align: right;
  transition: 0.2s;
  cursor: pointer;
}

/* line 62, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__expander svg {
  height: 12px;
  vertical-align: middle;
}

/* line 67, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__expander--rotate {
  transform: rotate(-180deg);
}

/* line 72, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__expandable {
  padding: 0 20px 5px 20px;
}

/* line 77, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__part--locked {
  color: #c7c7c7;
}

/* line 79, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__part--locked .c-coursefoot__part__title__link {
  color: #c7c7c7;
}

/* line 83, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__part--locked .c-coursefoot__part__item__svg svg ellipse {
  stroke: #c7c7c7;
}

/* line 88, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__part__title {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  text-transform: uppercase;
}

/* line 99, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__part__title__link {
  color: #3c3c3c;
}

/* line 105, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__part__list {
  margin: 0 0 20px 0;
  list-style: none;
}

/* line 110, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__part__item {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  font-weight: 200;
}

/* line 116, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__part__item__link {
  color: #3c3c3c;
}

/* line 120, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__part__item__link--current {
  text-decoration: underline;
}

/* line 125, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__part__item__svg {
  display: inline;
  margin-right: 5px;
  vertical-align: -4px;
}

/* line 129, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__part__item__svg svg {
  height: 20px;
}

/* line 135, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__part__item__svg--uncheck svg ellipse {
  fill: none;
}

/* line 137, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__part__item__svg--uncheck svg g {
  stroke: none;
}

/* line 141, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursefoot__part__item__icon {
  float: right;
}

/* line 148, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursetabs {
  margin-bottom: 20px;
}

/* line 153, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursetabs__link {
  display: inline-block;
  margin-right: 30px;
  color: #3c3c3c;
}

/* line 159, app/assets/stylesheets/yogobe/components/components.coursefoot.sass */
.c-coursetabs__link--active {
  font-weight: 400;
}

@media (max-width: 46.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__step1 {
    padding: 20px;
  }
}

@media (min-width: 46.25em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__step1 {
    padding: 40px;
  }
}

@media (max-width: 46.24em) {
  /* line 10, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__step1__button {
    margin-bottom: 10px;
  }
}

@media (min-width: 46.25em) {
  /* line 10, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__step1__button {
    position: relative;
    display: block;
    overflow: hidden;
  }
  /* line 17, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__step1__button::before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 100%;
  }
}

/* line 23, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__step1__select {
  cursor: pointer;
}

@media (min-width: 46.25em) {
  /* line 23, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__step1__select {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
}

/* line 31, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__step1__select section {
  border: 1px solid #eaeaea;
  border-radius: 4px;
}

@media (max-width: 46.24em) {
  /* line 31, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__step1__select section {
    display: flex;
    align-items: center;
    flex-flow: row nowrap;
    padding: 10px;
  }
}

@media (min-width: 46.25em) {
  /* line 31, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__step1__select section {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
}

/* line 45, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__step1__select input {
  position: absolute;
  left: -9999px;
}

/* line 48, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__step1__select input:checked + section {
  border: 2px solid #9dc8c7;
}

@media (max-width: 46.24em) {
  /* line 50, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__step1__select svg {
    display: inline-block;
    width: 60px;
    height: 60px;
  }
}

@media (min-width: 46.25em) {
  /* line 50, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__step1__select svg {
    display: block;
    width: 78px;
    height: 78px;
    margin: 0 auto 20px;
  }
}

/* line 60, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__step1__select span {
  text-align: center;
}

@media (max-width: 46.24em) {
  /* line 60, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__step1__select span {
    width: 70%;
    text-align: center;
  }
}

/* line 67, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__step2 {
  border-top: 1px solid #eaeaea;
}

@media (max-width: 46.24em) {
  /* line 67, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__step2 {
    padding: 20px;
  }
}

@media (min-width: 46.25em) {
  /* line 67, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__step2 {
    padding: 40px;
  }
}

/* line 77, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__step2__select {
  display: block;
  margin-bottom: 20px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}

/* line 84, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__step2__select span {
  display: block;
  padding: 10px;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  color: #51977a;
  background-color: #f7f7f7;
}

/* line 91, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__step2__select input {
  position: absolute;
  left: -9999px;
}

/* line 94, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__step2__select input:checked + span {
  color: white;
  background-color: #9dc8c7;
  border-color: #9dc8c7;
}

/* line 100, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__step2__error {
  padding-left: 20px;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  color: #e86062;
}

/* line 107, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  border-top: 1px solid #eaeaea;
  padding: 20px;
}

@media (max-width: 46.24em) {
  /* line 116, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__skip {
    display: none;
  }
}

@media (max-width: 46.24em) {
  /* line 121, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__next {
    width: 100%;
  }
}

/* line 127, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__step3 {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  padding: 40px;
  text-align: center;
}

/* line 142, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  color: white;
  background-color: #1f2d52;
}

@media (max-width: 46.24em) {
  /* line 142, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__banner {
    padding: 10px;
  }
}

@media (min-width: 46.25em) {
  /* line 142, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__banner {
    padding: 20px;
  }
}

/* line 155, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__banner .c-favonboarding__banner__content {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}

/* line 160, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__banner .c-favonboarding__banner__content span {
  flex: 999 10;
  margin-right: 20px;
}

/* line 165, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__banner__actions {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}

@media (max-width: 46.24em) {
  /* line 165, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
  .c-favonboarding__banner__actions {
    flex: 1 1 160px;
  }
}

/* line 173, app/assets/stylesheets/yogobe/components/components.favonboarding.sass */
.c-favonboarding__banner__close {
  padding: 5px 0 5px 20px;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.sharedialog.sass */
.c-sharedialog {
  padding: 10px;
}

/* line 6, app/assets/stylesheets/yogobe/components/components.sharedialog.sass */
.c-sharedialog__link {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
}

/* line 15, app/assets/stylesheets/yogobe/components/components.sharedialog.sass */
.c-sharedialog__icon {
  display: inline-block;
}

/* line 17, app/assets/stylesheets/yogobe/components/components.sharedialog.sass */
.c-sharedialog__icon svg {
  height: 58px;
}

/* line 22, app/assets/stylesheets/yogobe/components/components.sharedialog.sass */
.c-sharedialog__freetext {
  display: block;
}

/* line 27, app/assets/stylesheets/yogobe/components/components.sharedialog.sass */
.c-sharedialog__input {
  width: 400px;
  max-width: 90%;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.publicprofiledialog.sass */
.c-publicprofiledialog {
  text-align: center;
}

@media (max-width: 46.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.publicprofiledialog.sass */
  .c-publicprofiledialog {
    margin: 5px 20px;
  }
}

@media (min-width: 46.25em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.publicprofiledialog.sass */
  .c-publicprofiledialog {
    margin: 20px 80px;
  }
}

/* line 11, app/assets/stylesheets/yogobe/components/components.publicprofiledialog.sass */
.c-publicprofiledialog__heading {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: inherit;
}

/* line 17, app/assets/stylesheets/yogobe/components/components.publicprofiledialog.sass */
.c-publicprofiledialog__list {
  text-align: left;
}

@media (min-width: 46.25em) {
  /* line 17, app/assets/stylesheets/yogobe/components/components.publicprofiledialog.sass */
  .c-publicprofiledialog__list {
    width: 50%;
    transform: translateX(50%);
  }
}

/* line 25, app/assets/stylesheets/yogobe/components/components.publicprofiledialog.sass */
.c-publicprofiledialog__acceptbutton {
  margin-bottom: 20px;
}

/* line 31, app/assets/stylesheets/yogobe/components/components.publicprofiledialog.sass */
.c-publicprofiledialog__rejectbutton {
  color: #3c3c3c;
  text-decoration: underline;
}

@media (max-width: 21.875em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.editbiodialog.sass */
  .c-editbiodialog {
    width: 250px;
  }
}

@media (min-width: 21.875em) and (max-width: 46.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.editbiodialog.sass */
  .c-editbiodialog {
    width: 300px;
  }
}

@media (min-width: 46.25em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.editbiodialog.sass */
  .c-editbiodialog {
    width: 600px;
  }
}

/* line 13, app/assets/stylesheets/yogobe/components/components.editbiodialog.sass */
.c-editbiodialog__textarea {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

/* line 20, app/assets/stylesheets/yogobe/components/components.editbiodialog.sass */
.c-editbiodialog__submit {
  display: block;
  float: right;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.paymentdialog.sass */
.c-paymentdialog img {
  width: 50px;
}

/* line 5, app/assets/stylesheets/yogobe/components/components.paymentdialog.sass */
.c-paymentdialog__trustlyiframe {
  height: 400px;
}

@media (min-width: 46.25em) {
  /* line 5, app/assets/stylesheets/yogobe/components/components.paymentdialog.sass */
  .c-paymentdialog__trustlyiframe {
    width: 470px;
  }
}

/* line 1, app/assets/stylesheets/yogobe/components/components.modal.sass */
.c-modal__shadow {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  background-color: #f7f7f7;
  background-image: radial-gradient(circle at 50% 50%, white 0%, white 20%, #eaeaea 100%);
  opacity: 0.8;
  cursor: pointer;
}

/* line 16, app/assets/stylesheets/yogobe/components/components.modal.sass */
.c-modal__dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90%;
  max-height: 80%;
  overflow: auto;
  z-index: 1;
  background-color: white;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.06);
}

@media (max-width: 46.24em) {
  /* line 16, app/assets/stylesheets/yogobe/components/components.modal.sass */
  .c-modal__dialog {
    padding: 30px 10px;
  }
}

@media (min-width: 46.25em) {
  /* line 16, app/assets/stylesheets/yogobe/components/components.modal.sass */
  .c-modal__dialog {
    padding: 30px;
  }
}

@media (max-width: 46.24em) {
  /* line 34, app/assets/stylesheets/yogobe/components/components.modal.sass */
  .c-modal__dialog--video {
    width: 80%;
    height: 80%;
  }
}

@media (min-width: 46.25em) {
  /* line 34, app/assets/stylesheets/yogobe/components/components.modal.sass */
  .c-modal__dialog--video {
    width: 60%;
    height: 75%;
  }
}

/* line 44, app/assets/stylesheets/yogobe/components/components.modal.sass */
.c-modal__dialog--favonboarding {
  position: absolute;
  top: 90px;
  transform: translate(-50%, 0);
  transition: max-width 0.6s, max-height 0.6s;
  max-width: 800px;
  max-height: 9999px;
  padding: 0;
}

@media (max-width: 46.24em) {
  /* line 44, app/assets/stylesheets/yogobe/components/components.modal.sass */
  .c-modal__dialog--favonboarding {
    top: 0;
    left: 0;
    transform: none;
    height: 100%;
    padding: 0;
    z-index: 20;
  }
}

@media (min-width: 46.25em) and (max-width: 61.24em) {
  /* line 44, app/assets/stylesheets/yogobe/components/components.modal.sass */
  .c-modal__dialog--favonboarding {
    left: 20%;
    transform: translate(-10%, 0);
  }
}

/* line 63, app/assets/stylesheets/yogobe/components/components.modal.sass */
.c-modal__dialog--favonboarding--small {
  top: 100px;
  max-width: 500px;
  max-height: 300px;
}

/* line 71, app/assets/stylesheets/yogobe/components/components.modal.sass */
.c-modal__close {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  font-weight: 400;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.flash.sass */
.c-flash {
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 1280px;
  z-index: 15;
  padding: 0.5rem 1rem;
  border: 1px solid;
}

/* line 11, app/assets/stylesheets/yogobe/components/components.flash.sass */
.c-flash p:last-child {
  margin-bottom: 0;
}

/* line 16, app/assets/stylesheets/yogobe/components/components.flash.sass */
.c-flash--info {
  background-color: rgba(223, 240, 216, 0.9);
  border-color: #d6e9c6;
}

/* line 21, app/assets/stylesheets/yogobe/components/components.flash.sass */
.c-flash--notice {
  background-color: rgba(248, 232, 192, 0.9);
  border-color: #fbeed5;
}

/* line 26, app/assets/stylesheets/yogobe/components/components.flash.sass */
.c-flash--alert {
  background-color: rgba(242, 222, 222, 0.9);
  border-color: #eed3d7;
}

/* line 32, app/assets/stylesheets/yogobe/components/components.flash.sass */
.c-flash__close {
  float: right;
  padding: 5px 0 5px 5px;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/yogobe/components/components.loadingspinner.sass */
.c-loadingspinner, .c-loadingspinner:after {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

/* line 8, app/assets/stylesheets/yogobe/components/components.loadingspinner.sass */
.c-loadingspinner {
  position: relative;
  font-size: 10px;
  text-indent: -9999px;
  border-top: 10px solid rgba(86, 185, 229, 0.2);
  border-right: 10px solid rgba(86, 185, 229, 0.2);
  border-bottom: 10px solid rgba(86, 185, 229, 0.2);
  border-left: 10px solid #56b9e5;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: c-loadingspinner__keyframes 1.2s infinite linear;
  animation: c-loadingspinner__keyframes 1.2s infinite linear;
}

/* line 24, app/assets/stylesheets/yogobe/components/components.loadingspinner.sass */
.c-loadingspinner--center {
  margin-left: auto;
  margin-right: auto;
}

@-webkit-keyframes c-loadingspinner__keyframes {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes c-loadingspinner__keyframes {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media (max-width: 46.24em) {
  /* line 1, app/assets/stylesheets/yogobe/components/components.sections.sass */
  .c-register-testimonials {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media (max-width: 46.24em) {
  /* line 7, app/assets/stylesheets/yogobe/components/components.sections.sass */
  .c-register-whatyouget {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

/* line 14, app/assets/stylesheets/yogobe/components/components.sections.sass */
.c-landing-page-body h2 {
  margin-bottom: 5px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 400;
}

/* line 18, app/assets/stylesheets/yogobe/components/components.sections.sass */
.c-landing-page-body b, .c-landing-page-body strong {
  font-weight: 400;
}

/* line 24, app/assets/stylesheets/yogobe/components/components.sections.sass */
.c-vertical-middle {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

/* line 34, app/assets/stylesheets/yogobe/components/components.sections.sass */
.c-staticpuff__shadow {
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 38, app/assets/stylesheets/yogobe/components/components.sections.sass */
.c-staticpuff__title {
  text-align: center;
  color: white;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 400;
}

/* line 4, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminlist__wellnesspayments {
  margin-bottom: 40px;
}

/* line 7, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminlist__wellnesspayments h2 {
  margin-bottom: 0;
}

/* line 11, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminlist__wellnesspayments__dates {
  margin-bottom: 10px;
}

/* line 15, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-admintable.admin-payments-table {
  text-align: left;
}

/* line 18, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-admintable.admin-payments-table .muted {
  color: #888;
}

/* line 20, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-admintable.admin-payments-table td, .c-admintable.admin-payments-table th {
  padding: 5px;
}

/* line 23, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-admintable.admin-payments-table tbody {
  font-size: 1rem;
}

/* line 29, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminform .input {
  margin-bottom: 10px;
}

/* line 32, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminform .input label {
  display: block;
}

/* line 35, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminform .input input.string {
  width: 100%;
  font: inherit;
  font-size: 14px;
}

/* line 40, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminform .input textarea {
  width: 100%;
  font: inherit;
  font-size: 14px;
}

/* line 45, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminform .input span.hint {
  display: block;
  font-size: 14px;
}

/* line 49, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminform .input select.select2 {
  width: 100%;
}

/* line 53, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminform .input.radio_buttons .d-block {
  display: block !important;
  margin-bottom: 0.5rem;
}

/* line 57, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminform .input.radio_buttons .d-block label {
  display: flex !important;
  align-items: center;
  font-weight: 400 !important;
  margin-bottom: 0;
}

/* line 63, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminform .input.radio_buttons .d-block label input[type="radio"] {
  width: 1em !important;
  height: 1em !important;
  margin-top: 0.25em;
  margin-right: 0.5rem;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 50%;
  appearance: none;
}

/* line 77, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminform .input.radio_buttons .d-block label input[type="radio"]:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

/* line 82, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminform .input.radio_buttons .d-block label input[type="radio"]:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* line 88, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminform__sidebar {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

/* line 93, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminform__sidebar .c-adminform__videothumbnail {
  max-width: 300px;
  margin-bottom: 10px;
}

/* line 98, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminhead {
  display: flex;
  flex-flow: row wrap;
}

/* line 104, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-admintable tr:nth-child(even) {
  background-color: #f7f7f7;
}

/* line 108, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-admintable tr td {
  padding: 0 3px;
  border-right: 0.1px #dedede solid;
}

/* line 115, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-admin__videopreview {
  margin: 0 auto;
  width: 300px;
  margin-bottom: 10px;
  padding: 15px;
  background-color: white;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.06);
}

/* line 123, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-admin__videopreview .c-admin__videopreview__newtitle {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
}

/* line 130, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-admin__videopreview .c-admin__videopreview__newshortdesc {
  height: 68px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.71429;
  overflow: hidden;
}

/* line 142, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminmenutop {
  position: absolute;
  top: 100px;
  z-index: 5;
}

/* line 146, app/assets/stylesheets/yogobe/components/components.admin.sass */
.c-adminmenutop .moremenu {
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor {
  border: 1px solid #bbb;
  border-radius: 3px;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none;
}

/* line 9, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor h1 {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

/* line 17, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor h2 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.83em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

/* line 25, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor h3 {
  display: block;
  font-size: 1.17em;
  margin-top: 1em;
  margin-bottom: 1em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

/* line 33, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor h4 {
  display: block;
  font-size: 1em;
  margin-top: 1.33em;
  margin-bottom: 1.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

/* line 41, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor h5 {
  display: block;
  font-size: .83em;
  margin-top: 1.67em;
  margin-bottom: 1.67em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

/* line 49, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor h6 {
  display: block;
  font-size: .67em;
  margin-top: 2.33em;
  margin-bottom: 2.33em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

/* line 59, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar * {
  box-sizing: border-box;
}

/* line 62, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button-row {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
}

/* line 68, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button-group {
  display: flex;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-top-color: #ccc;
  border-bottom-color: #888;
  border-radius: 3px;
}

/* line 76, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button-group:not(:first-child) {
  margin-left: 1.5vw;
}

/* line 79, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button-group-spacer {
  flex-grow: 1;
}

/* line 82, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button {
  position: relative;
  float: left;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  padding: 0 0.5em;
  margin: 0;
  outline: none;
  border: none;
  border-bottom: 1px solid #ddd;
  border-radius: 0;
  background: transparent;
}

/* line 97, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

/* line 100, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button.trix-active {
  background: #cbeefa;
  color: black;
}

/* line 104, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button:not(:disabled) {
  cursor: pointer;
}

/* line 107, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button:disabled {
  color: rgba(0, 0, 0, 0.125);
}

/* line 110, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon {
  font-size: inherit;
  width: 2.6em;
  height: 1.6em;
  max-width: calc(0.8em + 4vw);
  text-indent: -9999px;
}

/* line 117, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.6;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* line 130, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon.trix-active::before {
  opacity: 1;
}

/* line 133, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon:disabled::before {
  opacity: 0.125;
}

/* line 136, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon-attach::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.5%2018V7.5c0-2.25%203-2.25%203%200V18c0%204.125-6%204.125-6%200V7.5c0-6.375%209-6.375%209%200V18%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  top: 8%;
  bottom: 4%;
}

/* line 141, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon-bold::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6.522%2019.242a.5.5%200%200%201-.5-.5V5.35a.5.5%200%200%201%20.5-.5h5.783c1.347%200%202.46.345%203.24.982.783.64%201.216%201.562%201.216%202.683%200%201.13-.587%202.129-1.476%202.71a.35.35%200%200%200%20.049.613c1.259.56%202.101%201.742%202.101%203.22%200%201.282-.483%202.334-1.363%203.063-.876.726-2.132%201.12-3.66%201.12h-5.89ZM9.27%207.347v3.362h1.97c.766%200%201.347-.17%201.733-.464.38-.291.587-.716.587-1.27%200-.53-.183-.928-.513-1.198-.334-.273-.838-.43-1.505-.43H9.27Zm0%205.606v3.791h2.389c.832%200%201.448-.177%201.853-.497.399-.315.614-.786.614-1.423%200-.62-.22-1.077-.63-1.385-.418-.313-1.053-.486-1.905-.486H9.27Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 144, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon-italic::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M9%205h6.5v2h-2.23l-2.31%2010H13v2H6v-2h2.461l2.306-10H9V5Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 147, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon-link::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.948%205.258a4.337%204.337%200%200%200-6.108%200L11.217%206.87a.993.993%200%200%200%200%201.41c.392.39%201.027.39%201.418%200l1.623-1.613a2.323%202.323%200%200%201%203.271%200%202.29%202.29%200%200%201%200%203.251l-2.393%202.38a3.021%203.021%200%200%201-4.255%200l-.05-.049a1.007%201.007%200%200%200-1.418%200%20.993.993%200%200%200%200%201.41l.05.049a5.036%205.036%200%200%200%207.091%200l2.394-2.38a4.275%204.275%200%200%200%200-6.072Zm-13.683%2013.6a4.337%204.337%200%200%200%206.108%200l1.262-1.255a.993.993%200%200%200%200-1.41%201.007%201.007%200%200%200-1.418%200L9.954%2017.45a2.323%202.323%200%200%201-3.27%200%202.29%202.29%200%200%201%200-3.251l2.344-2.331a2.579%202.579%200%200%201%203.631%200c.392.39%201.027.39%201.419%200a.993.993%200%200%200%200-1.41%204.593%204.593%200%200%200-6.468%200l-2.345%202.33a4.275%204.275%200%200%200%200%206.072Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 150, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon-strike::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M6%2014.986c.088%202.647%202.246%204.258%205.635%204.258%203.496%200%205.713-1.728%205.713-4.463%200-.275-.02-.536-.062-.781h-3.461c.398.293.573.654.573%201.123%200%201.035-1.074%201.787-2.646%201.787-1.563%200-2.773-.762-2.91-1.924H6ZM6.432%2010h3.763c-.632-.314-.914-.715-.914-1.273%200-1.045.977-1.739%202.432-1.739%201.475%200%202.52.723%202.617%201.914h2.764c-.05-2.548-2.11-4.238-5.39-4.238-3.145%200-5.392%201.719-5.392%204.316%200%20.363.04.703.12%201.02ZM4%2011a1%201%200%201%200%200%202h15a1%201%200%201%200%200-2H4Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 153, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon-quote::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M4.581%208.471c.44-.5%201.056-.834%201.758-.995C8.074%207.17%209.201%207.822%2010%208.752c1.354%201.578%201.33%203.555.394%205.277-.941%201.731-2.788%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.121-.49.16-.764.294-.286.567-.566.791-.835.222-.266.413-.54.524-.815.113-.28.156-.597.026-.908-.128-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.674-2.7c0-.905.283-1.59.72-2.088Zm9.419%200c.44-.5%201.055-.834%201.758-.995%201.734-.306%202.862.346%203.66%201.276%201.355%201.578%201.33%203.555.395%205.277-.941%201.731-2.789%203.163-4.988%203.56a.622.622%200%200%201-.653-.317c-.113-.205-.122-.49.16-.764.294-.286.567-.566.791-.835.222-.266.412-.54.523-.815.114-.28.157-.597.026-.908-.127-.303-.39-.524-.72-.69a3.02%203.02%200%200%201-1.672-2.701c0-.905.283-1.59.72-2.088Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 156, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon-heading-1::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21.5%207.5v-3h-12v3H14v13h3v-13h4.5ZM9%2013.5h3.5v-3h-10v3H6v7h3v-7Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 159, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon-code::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3.293%2011.293a1%201%200%200%200%200%201.414l4%204a1%201%200%201%200%201.414-1.414L5.414%2012l3.293-3.293a1%201%200%200%200-1.414-1.414l-4%204Zm13.414%205.414%204-4a1%201%200%200%200%200-1.414l-4-4a1%201%200%201%200-1.414%201.414L18.586%2012l-3.293%203.293a1%201%200%200%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 162, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon-bullet-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%207.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203ZM8%206a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-2.5-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200ZM5%2019.5a1.5%201.5%200%201%200%200-3%201.5%201.5%200%200%200%200%203Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 165, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon-number-list::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%204h2v4H4V5H3V4Zm5%202a1%201%200%200%201%201-1h11a1%201%200%201%201%200%202H9a1%201%200%200%201-1-1Zm1%205a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm0%206a1%201%200%201%200%200%202h11a1%201%200%201%200%200-2H9Zm-3.5-7H6v1l-1.5%202H6v1H3v-1l1.667-2H3v-1h2.5ZM3%2017v-1h3v4H3v-1h2v-.5H4v-1h1V17H3Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 168, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon-undo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2014a1%201%200%200%200%201%201h6a1%201%200%201%200%200-2H6.257c2.247-2.764%205.151-3.668%207.579-3.264%202.589.432%204.739%202.356%205.174%205.405a1%201%200%200%200%201.98-.283c-.564-3.95-3.415-6.526-6.825-7.095C11.084%207.25%207.63%208.377%205%2011.39V8a1%201%200%200%200-2%200v6Zm2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 171, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon-redo::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M21%2014a1%201%200%200%201-1%201h-6a1%201%200%201%201%200-2h3.743c-2.247-2.764-5.151-3.668-7.579-3.264-2.589.432-4.739%202.356-5.174%205.405a1%201%200%200%201-1.98-.283c.564-3.95%203.415-6.526%206.826-7.095%203.08-.513%206.534.614%209.164%203.626V8a1%201%200%201%201%202%200v6Zm-2-1Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 174, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon-decrease-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-3.707-5.707a1%201%200%200%200%200%201.414l2%202a1%201%200%201%200%201.414-1.414L4.414%2012l1.293-1.293a1%201%200%200%200-1.414-1.414l-2%202Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 177, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--icon-increase-nesting-level::before {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%206a1%201%200%200%201%201-1h12a1%201%200%201%201%200%202H6a1%201%200%200%201-1-1Zm4%205a1%201%200%201%200%200%202h9a1%201%200%201%200%200-2H9Zm-3%206a1%201%200%201%200%200%202h12a1%201%200%201%200%200-2H6Zm-2.293-2.293%202-2a1%201%200%200%200%200-1.414l-2-2a1%201%200%201%200-1.414%201.414L3.586%2012l-1.293%201.293a1%201%200%201%200%201.414%201.414Z%22%20fill%3D%22%23000%22%2F%3E%3C%2Fsvg%3E");
}

/* line 180, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-dialogs {
  position: relative;
}

/* line 183, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-dialog {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 0.75em;
  padding: 15px 10px;
  background: #fff;
  box-shadow: 0 0.3em 1em #ccc;
  border-top: 2px solid #888;
  border-radius: 5px;
  z-index: 5;
}

/* line 196, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-input--dialog {
  font-size: inherit;
  font-weight: normal;
  padding: 0.5em 0.8em;
  margin: 0 10px 0 0;
  border-radius: 3px;
  border: 1px solid #bbb;
  background-color: #fff;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* line 209, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-input--dialog.validate:invalid {
  box-shadow: #F00 0px 0px 1.5px 1px;
}

/* line 212, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-button--dialog {
  font-size: inherit;
  padding: 0.5em;
  border-bottom: none;
}

/* line 217, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-dialog--link {
  max-width: 600px;
}

/* line 220, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-dialog__link-fields {
  display: flex;
  align-items: baseline;
}

/* line 224, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-dialog__link-fields .trix-input {
  flex: 1;
}

/* line 227, app/assets/stylesheets/yogobe/components/trix.sass */
trix-toolbar .trix-dialog__link-fields .trix-button-group {
  flex: 0 0 content;
  margin: 0;
}

@media (max-width: 768px) {
  /* line 232, app/assets/stylesheets/yogobe/components/trix.sass */
  trix-toolbar .trix-button-group:not(:first-child) {
    margin-left: 0;
  }
}

@media (max-width: 768px) {
  /* line 236, app/assets/stylesheets/yogobe/components/trix.sass */
  trix-toolbar .trix-button-group-spacer {
    display: none;
  }
}

@media (max-width: 768px) {
  /* line 240, app/assets/stylesheets/yogobe/components/trix.sass */
  trix-toolbar .trix-button {
    letter-spacing: -0.01em;
    padding: 0 0.3em;
  }
}

@media (max-width: 768px) {
  /* line 245, app/assets/stylesheets/yogobe/components/trix.sass */
  trix-toolbar .trix-button--icon {
    height: 2em;
    max-width: calc(0.8em + 3.5vw);
  }
}

@media (max-width: 768px) {
  /* line 250, app/assets/stylesheets/yogobe/components/trix.sass */
  trix-toolbar .trix-button--icon::before {
    right: 6%;
    left: 6%;
  }
}

/* line 256, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor [data-trix-mutable]:not(.attachment__caption-editor) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 262, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor [data-trix-mutable]::-moz-selection {
  background: none;
}

/* line 265, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor [data-trix-cursor-target]::-moz-selection {
  background: none;
}

/* line 269, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor [data-trix-mutable] ::-moz-selection, trix-editor [data-trix-mutable]::selection {
  background: none;
}

/* line 272, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection {
  background: none;
}

/* line 276, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .attachment__caption-editor[data-trix-mutable]:focus::-moz-selection, trix-editor .attachment__caption-editor[data-trix-mutable]:focus::selection {
  background: highlight;
}

/* line 280, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .attachment.attachment--file[data-trix-mutable] {
  box-shadow: 0 0 0 2px highlight;
  border-color: transparent;
}

/* line 284, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .attachment[data-trix-mutable] img {
  box-shadow: 0 0 0 2px highlight;
}

/* line 287, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .attachment {
  position: relative;
}

/* line 290, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .attachment:hover {
  cursor: default;
}

/* line 293, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .attachment--preview .attachment__caption:hover {
  cursor: text;
}

/* line 296, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .attachment__progress {
  position: absolute;
  z-index: 1;
  height: 20px;
  top: calc(50% - 10px);
  left: 5%;
  width: 90%;
  opacity: 0.9;
  transition: opacity 200ms ease-in;
}

/* line 306, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .attachment__progress[value="100"] {
  opacity: 0;
}

/* line 309, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .attachment__caption-editor {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  color: inherit;
  text-align: center;
  vertical-align: top;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* line 325, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .attachment__toolbar {
  position: absolute;
  z-index: 1;
  top: -0.9em;
  left: 0;
  width: 100%;
  text-align: center;
}

/* line 333, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .trix-button-group {
  display: inline-flex;
}

/* line 336, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .trix-button {
  position: relative;
  float: left;
  color: #666;
  white-space: nowrap;
  font-size: 80%;
  padding: 0 0.8em;
  margin: 0;
  outline: none;
  border: none;
  border-radius: 0;
  background: transparent;
}

/* line 349, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .trix-button:not(:first-child) {
  border-left: 1px solid #ccc;
}

/* line 352, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .trix-button.trix-active {
  background: #cbeefa;
}

/* line 355, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .trix-button:not(:disabled) {
  cursor: pointer;
}

/* line 358, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .trix-button--remove {
  text-indent: -9999px;
  display: inline-block;
  padding: 0;
  outline: none;
  width: 1.8em;
  height: 1.8em;
  line-height: 1.8em;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid highlight;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25);
}

/* line 371, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .trix-button--remove::before {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.7;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
}

/* line 385, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .trix-button--remove:hover {
  border-color: #333;
}

/* line 388, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .trix-button--remove:hover::before {
  opacity: 1;
}

/* line 391, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .attachment__metadata-container {
  position: relative;
}

/* line 394, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .attachment__metadata {
  position: absolute;
  left: 50%;
  top: 2em;
  transform: translate(-50%, 0);
  max-width: 90%;
  padding: 0.1em 0.6em;
  font-size: 0.8em;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
}

/* line 406, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .attachment__metadata .attachment__name {
  display: inline-block;
  max-width: 100%;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 414, app/assets/stylesheets/yogobe/components/trix.sass */
trix-editor .attachment__metadata .attachment__size {
  margin-left: 0.2em;
  white-space: nowrap;
}

/* line 418, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content {
  line-height: 1.5;
}

/* line 421, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 426, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content h1 {
  font-size: 1.2em;
  line-height: 1.2;
}

/* line 430, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content blockquote {
  border: 0 solid #ccc;
  border-left-width: 0.3em;
  margin-left: 0.3em;
  padding-left: 0.6em;
}

/* line 436, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content [dir=rtl] blockquote, .trix-content blockquote[dir=rtl] {
  border-width: 0;
  border-right-width: 0.3em;
  margin-right: 0.3em;
  padding-right: 0.6em;
}

/* line 442, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content li {
  margin-left: 1em;
}

/* line 445, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content [dir=rtl] li {
  margin-right: 1em;
}

/* line 448, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content pre {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  font-family: monospace;
  font-size: 0.9em;
  padding: 0.5em;
  white-space: pre;
  background-color: #eee;
  overflow-x: auto;
}

/* line 459, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content img {
  max-width: 100%;
  height: auto;
}

/* line 463, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content .attachment {
  display: inline-block;
  position: relative;
  max-width: 100%;
}

/* line 468, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content .attachment a {
  color: inherit;
  text-decoration: none;
}

/* line 472, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content .attachment a:hover, .trix-content .attachment a:visited:hover {
  color: inherit;
}

/* line 475, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content .attachment__caption {
  text-align: center;
}

/* line 478, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content .attachment__caption .attachment__name + .attachment__size::before {
  content: ' \2022 ';
}

/* line 481, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content .attachment--preview {
  width: 100%;
  text-align: center;
}

/* line 485, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content .attachment--preview .attachment__caption {
  color: #666;
  font-size: 0.9em;
  line-height: 1.2;
}

/* line 490, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content .attachment--file {
  color: #333;
  line-height: 1;
  margin: 0 2px 2px 2px;
  padding: 0.4em 1em;
  border: 1px solid #bbb;
  border-radius: 5px;
}

/* line 498, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content .attachment-gallery {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

/* line 503, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content .attachment-gallery .attachment {
  flex: 1 0 33%;
  padding: 0 0.5em;
  max-width: 33%;
}

/* line 508, app/assets/stylesheets/yogobe/components/trix.sass */
.trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment {
  flex-basis: 50%;
  max-width: 50%;
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
/* line 8, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom-color: #bbb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
/* line 23, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table;
}

/* line 28, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-single:after {
  clear: both;
}

/* line 29, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-single {
  *zoom: 1;
}

/* line 31, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-single.is-hidden {
  display: none;
}

/* line 35, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

/* line 40, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px;
}

/* line 46, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-title {
  position: relative;
  text-align: center;
}

/* line 51, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #fff;
}

/* line 64, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

/* line 75, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  color: rgba(0, 0, 0, 0);
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: .5;
  *position: absolute;
  *top: 0;
}

/* line 97, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}

/* line 102, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}

/* line 109, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}

/* line 116, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2;
}

/* line 122, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-select {
  display: inline-block;
  *display: inline;
}

/* line 127, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}

/* line 134, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0;
}

/* line 140, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-table th {
  color: #999;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
}

/* line 148, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}

/* line 165, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-week {
  font-size: 11px;
  color: #999;
}

/* line 170, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.is-today .pika-button {
  color: #33aaff;
  font-weight: bold;
}

/* line 175, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #33aaff;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 3px;
}

/* line 183, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.is-inrange .pika-button {
  background: #D5E9F7;
}

/* line 187, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.is-startrange .pika-button {
  color: #fff;
  background: #6CB31D;
  box-shadow: none;
  border-radius: 3px;
}

/* line 194, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.is-endrange .pika-button {
  color: #fff;
  background: #33aaff;
  box-shadow: none;
  border-radius: 3px;
}

/* line 201, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.is-disabled .pika-button,
.is-outside-current-month .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3;
}

/* line 209, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-button:hover {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 3px;
}

/* styling for abbr */
/* line 217, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}

/* line 222, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-time-container {
  clear: both;
}

/* line 226, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-time {
  margin: 7px auto 7px;
}

/* line 230, ../usr/local/bundle/gems/rails-assets-pikaday-time-1.4.1/app/assets/stylesheets/pikaday-time/pikaday.scss */
.pika-time .pika-time-label {
  font-weight: bold;
  font-size: 11px;
  color: #666;
  padding-right: 0.33em;
}

/* line 1, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

/* line 7, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 14, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 21, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

/* line 24, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 31, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 37, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container .select2-search--inline {
  float: left;
}

/* line 39, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
}

/* line 44, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 47, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

/* line 58, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-results {
  display: block;
}

/* line 61, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 66, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

/* line 70, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-results__option[aria-selected] {
  cursor: pointer;
}

/* line 73, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--open .select2-dropdown {
  left: 0;
}

/* line 76, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 81, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 86, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-search--dropdown {
  display: block;
  padding: 4px;
}

/* line 89, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

/* line 93, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 95, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-search--dropdown.select2-search--hide {
  display: none;
}

/* line 98, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

/* line 115, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 125, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

/* line 129, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

/* line 132, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

/* line 136, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

/* line 138, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

/* line 144, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

/* line 155, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

/* line 157, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

/* line 160, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

/* line 163, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

/* line 165, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

/* line 168, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

/* line 173, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

/* line 179, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

/* line 183, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

/* line 189, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

/* line 198, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

/* line 204, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

/* line 206, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
  float: right;
}

/* line 208, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

/* line 211, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/* line 214, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

/* line 217, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

/* line 220, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

/* line 222, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 225, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 228, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

/* line 230, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
}

/* line 234, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

/* line 237, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

/* line 239, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

/* line 241, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

/* line 243, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

/* line 245, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

/* line 247, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

/* line 250, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

/* line 253, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

/* line 256, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

/* line 259, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

/* line 262, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

/* line 265, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/* line 270, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--single {
  background-color: #f6f6f6;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

/* line 280, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

/* line 282, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

/* line 285, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

/* line 290, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

/* line 292, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
}

/* line 308, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

/* line 319, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

/* line 321, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

/* line 329, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

/* line 331, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

/* line 334, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

/* line 337, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
}

/* line 346, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
}

/* line 355, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

/* line 361, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

/* line 363, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

/* line 367, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

/* line 369, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

/* line 378, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

/* line 384, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

/* line 386, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

/* line 388, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

/* line 391, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/* line 394, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

/* line 396, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* line 400, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 404, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

/* line 407, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
}

/* line 409, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

/* line 412, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

/* line 414, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

/* line 416, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

/* line 419, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

/* line 421, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

/* line 423, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

/* line 426, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

/* line 430, ../usr/local/bundle/gems/rails-assets-select2-4.0.0/app/assets/stylesheets/select2/select2.scss */
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/* ==========================================================================
   #CLEARFIX
   ========================================================================== */
/**
 * Attach our clearfix mixin to a utility class.
 */
/* line 13, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/tools/_tools.clearfix.scss */
.u-clearfix:after {
  content: "" !important;
  display: block !important;
  clear: both !important;
}

/* ==========================================================================
   #WIDTHS
   ========================================================================== */
/**
 * inuitcss generates a series of utility classes that give a fluid width to
 * whichever element they’re applied, e.g.:
 *
 *   <img src="" alt="" class="u-1/2" />
 *
 * These classes are most commonly used in conjunction with our layout system,
 * e.g.:
 *
 *   <div class="o-layout__item  u-1/2">
 *
 * By default, inuitcss will also generate responsive variants of each of these
 * classes by using your Sass MQ configuration, e.g.:
 *
 *   <div class="o-layout__item  u-1/1  u-1/2@tablet  u-1/3@desktop">
 *
 * Optionally, inuitcss can generate offset classes which can push and pull
 * elements left and right by a specified amount, e.g.:
 *
 *   <div class="o-layout__item  u-2/3  u-pull-1/3">
 *
 * This is useful for making very granular changes to the rendered order of
 * items in a layout.
 *
 * N.B. This option is turned off by default.
 */
/**
 * A series of width helper classes that you can use to size things like grid
 * systems. Classes take a fraction-like format (e.g. `.u-2/3`). Use these in
 * your markup:
 *
 * <div class="u-7/12">
 *
 * The following will generate widths helper classes based on the fractions
 * defined in the `$inuit-fractions` list.
 */
/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-1\/1 {
  width: 100% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-1\/1 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-1\/1 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-1\/2 {
  width: 50% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-1\/2 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 50% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-1\/2 {
  position: relative !important;
  right: 50% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-2\/2 {
  width: 100% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-2\/2 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-2\/2 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-1\/3 {
  width: 33.3333333333% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-1\/3 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 33.3333333333% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-1\/3 {
  position: relative !important;
  right: 33.3333333333% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-2\/3 {
  width: 66.6666666667% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-2\/3 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 66.6666666667% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-2\/3 {
  position: relative !important;
  right: 66.6666666667% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-3\/3 {
  width: 100% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-3\/3 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-3\/3 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-1\/4 {
  width: 25% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-1\/4 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 25% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-1\/4 {
  position: relative !important;
  right: 25% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-2\/4 {
  width: 50% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-2\/4 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 50% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-2\/4 {
  position: relative !important;
  right: 50% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-3\/4 {
  width: 75% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-3\/4 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 75% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-3\/4 {
  position: relative !important;
  right: 75% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-4\/4 {
  width: 100% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-4\/4 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-4\/4 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-1\/5 {
  width: 20% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-1\/5 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 20% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-1\/5 {
  position: relative !important;
  right: 20% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-2\/5 {
  width: 40% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-2\/5 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 40% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-2\/5 {
  position: relative !important;
  right: 40% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-3\/5 {
  width: 60% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-3\/5 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 60% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-3\/5 {
  position: relative !important;
  right: 60% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-4\/5 {
  width: 80% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-4\/5 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 80% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-4\/5 {
  position: relative !important;
  right: 80% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-5\/5 {
  width: 100% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-5\/5 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-5\/5 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-1\/12 {
  width: 8.3333333333% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-1\/12 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 8.3333333333% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-1\/12 {
  position: relative !important;
  right: 8.3333333333% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-2\/12 {
  width: 16.6666666667% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-2\/12 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 16.6666666667% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-2\/12 {
  position: relative !important;
  right: 16.6666666667% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-3\/12 {
  width: 25% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-3\/12 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 25% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-3\/12 {
  position: relative !important;
  right: 25% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-4\/12 {
  width: 33.3333333333% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-4\/12 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 33.3333333333% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-4\/12 {
  position: relative !important;
  right: 33.3333333333% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-5\/12 {
  width: 41.6666666667% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-5\/12 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 41.6666666667% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-5\/12 {
  position: relative !important;
  right: 41.6666666667% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-6\/12 {
  width: 50% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-6\/12 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 50% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-6\/12 {
  position: relative !important;
  right: 50% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-7\/12 {
  width: 58.3333333333% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-7\/12 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 58.3333333333% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-7\/12 {
  position: relative !important;
  right: 58.3333333333% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-8\/12 {
  width: 66.6666666667% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-8\/12 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 66.6666666667% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-8\/12 {
  position: relative !important;
  right: 66.6666666667% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-9\/12 {
  width: 75% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-9\/12 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 75% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-9\/12 {
  position: relative !important;
  right: 75% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-10\/12 {
  width: 83.3333333333% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-10\/12 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 83.3333333333% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-10\/12 {
  position: relative !important;
  right: 83.3333333333% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-11\/12 {
  width: 91.6666666667% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-11\/12 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 91.6666666667% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-11\/12 {
  position: relative !important;
  right: 91.6666666667% !important;
  left: auto !important;
  /* [1] */
}

/* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-12\/12 {
  width: 100% !important;
}

/**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
/* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-push-12\/12 {
  position: relative !important;
  right: auto !important;
  /* [1] */
  left: 100% !important;
}

/* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
.u-pull-12\/12 {
  position: relative !important;
  right: 100% !important;
  left: auto !important;
  /* [1] */
}

/**
 * If we’re using Sass-MQ, automatically generate grid system(s) for each of our
 * defined breakpoints, and give them a Responsive Suffix, e.g.:
 *
 * <div class="u-3/12@mobile">
 */
@media (min-width: 20em) {
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/1\@mobile {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/1\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/1\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/2\@mobile {
    width: 50% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/2\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/2\@mobile {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/2\@mobile {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/2\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/2\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/3\@mobile {
    width: 33.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/3\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/3\@mobile {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/3\@mobile {
    width: 66.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/3\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/3\@mobile {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-3\/3\@mobile {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-3\/3\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-3\/3\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/4\@mobile {
    width: 25% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/4\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/4\@mobile {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/4\@mobile {
    width: 50% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/4\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/4\@mobile {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-3\/4\@mobile {
    width: 75% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-3\/4\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-3\/4\@mobile {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-4\/4\@mobile {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-4\/4\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-4\/4\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/5\@mobile {
    width: 20% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/5\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/5\@mobile {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/5\@mobile {
    width: 40% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/5\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/5\@mobile {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-3\/5\@mobile {
    width: 60% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-3\/5\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-3\/5\@mobile {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-4\/5\@mobile {
    width: 80% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-4\/5\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-4\/5\@mobile {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-5\/5\@mobile {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-5\/5\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-5\/5\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/12\@mobile {
    width: 8.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/12\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 8.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/12\@mobile {
    position: relative !important;
    right: 8.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/12\@mobile {
    width: 16.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/12\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 16.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/12\@mobile {
    position: relative !important;
    right: 16.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-3\/12\@mobile {
    width: 25% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-3\/12\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-3\/12\@mobile {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-4\/12\@mobile {
    width: 33.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-4\/12\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-4\/12\@mobile {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-5\/12\@mobile {
    width: 41.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-5\/12\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 41.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-5\/12\@mobile {
    position: relative !important;
    right: 41.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-6\/12\@mobile {
    width: 50% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-6\/12\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-6\/12\@mobile {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-7\/12\@mobile {
    width: 58.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-7\/12\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 58.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-7\/12\@mobile {
    position: relative !important;
    right: 58.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-8\/12\@mobile {
    width: 66.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-8\/12\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-8\/12\@mobile {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-9\/12\@mobile {
    width: 75% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-9\/12\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-9\/12\@mobile {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-10\/12\@mobile {
    width: 83.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-10\/12\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 83.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-10\/12\@mobile {
    position: relative !important;
    right: 83.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-11\/12\@mobile {
    width: 91.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-11\/12\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 91.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-11\/12\@mobile {
    position: relative !important;
    right: 91.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-12\/12\@mobile {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-12\/12\@mobile {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-12\/12\@mobile {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
}

@media (min-width: 46.25em) {
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/1\@tablet {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/1\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/1\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/2\@tablet {
    width: 50% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/2\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/2\@tablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/2\@tablet {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/2\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/2\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/3\@tablet {
    width: 33.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/3\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/3\@tablet {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/3\@tablet {
    width: 66.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/3\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/3\@tablet {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-3\/3\@tablet {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-3\/3\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-3\/3\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/4\@tablet {
    width: 25% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/4\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/4\@tablet {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/4\@tablet {
    width: 50% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/4\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/4\@tablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-3\/4\@tablet {
    width: 75% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-3\/4\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-3\/4\@tablet {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-4\/4\@tablet {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-4\/4\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-4\/4\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/5\@tablet {
    width: 20% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/5\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/5\@tablet {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/5\@tablet {
    width: 40% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/5\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/5\@tablet {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-3\/5\@tablet {
    width: 60% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-3\/5\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-3\/5\@tablet {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-4\/5\@tablet {
    width: 80% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-4\/5\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-4\/5\@tablet {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-5\/5\@tablet {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-5\/5\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-5\/5\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/12\@tablet {
    width: 8.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/12\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 8.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/12\@tablet {
    position: relative !important;
    right: 8.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/12\@tablet {
    width: 16.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/12\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 16.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/12\@tablet {
    position: relative !important;
    right: 16.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-3\/12\@tablet {
    width: 25% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-3\/12\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-3\/12\@tablet {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-4\/12\@tablet {
    width: 33.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-4\/12\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-4\/12\@tablet {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-5\/12\@tablet {
    width: 41.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-5\/12\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 41.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-5\/12\@tablet {
    position: relative !important;
    right: 41.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-6\/12\@tablet {
    width: 50% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-6\/12\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-6\/12\@tablet {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-7\/12\@tablet {
    width: 58.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-7\/12\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 58.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-7\/12\@tablet {
    position: relative !important;
    right: 58.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-8\/12\@tablet {
    width: 66.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-8\/12\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-8\/12\@tablet {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-9\/12\@tablet {
    width: 75% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-9\/12\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-9\/12\@tablet {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-10\/12\@tablet {
    width: 83.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-10\/12\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 83.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-10\/12\@tablet {
    position: relative !important;
    right: 83.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-11\/12\@tablet {
    width: 91.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-11\/12\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 91.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-11\/12\@tablet {
    position: relative !important;
    right: 91.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-12\/12\@tablet {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-12\/12\@tablet {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-12\/12\@tablet {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
}

@media (min-width: 61.25em) {
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/1\@desktop {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/1\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/1\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/2\@desktop {
    width: 50% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/2\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/2\@desktop {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/2\@desktop {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/2\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/2\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/3\@desktop {
    width: 33.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/3\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/3\@desktop {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/3\@desktop {
    width: 66.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/3\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/3\@desktop {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-3\/3\@desktop {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-3\/3\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-3\/3\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/4\@desktop {
    width: 25% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/4\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/4\@desktop {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/4\@desktop {
    width: 50% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/4\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/4\@desktop {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-3\/4\@desktop {
    width: 75% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-3\/4\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-3\/4\@desktop {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-4\/4\@desktop {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-4\/4\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-4\/4\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/5\@desktop {
    width: 20% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/5\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/5\@desktop {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/5\@desktop {
    width: 40% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/5\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/5\@desktop {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-3\/5\@desktop {
    width: 60% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-3\/5\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-3\/5\@desktop {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-4\/5\@desktop {
    width: 80% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-4\/5\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-4\/5\@desktop {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-5\/5\@desktop {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-5\/5\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-5\/5\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/12\@desktop {
    width: 8.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/12\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 8.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/12\@desktop {
    position: relative !important;
    right: 8.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/12\@desktop {
    width: 16.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/12\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 16.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/12\@desktop {
    position: relative !important;
    right: 16.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-3\/12\@desktop {
    width: 25% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-3\/12\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-3\/12\@desktop {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-4\/12\@desktop {
    width: 33.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-4\/12\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-4\/12\@desktop {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-5\/12\@desktop {
    width: 41.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-5\/12\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 41.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-5\/12\@desktop {
    position: relative !important;
    right: 41.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-6\/12\@desktop {
    width: 50% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-6\/12\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-6\/12\@desktop {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-7\/12\@desktop {
    width: 58.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-7\/12\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 58.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-7\/12\@desktop {
    position: relative !important;
    right: 58.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-8\/12\@desktop {
    width: 66.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-8\/12\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-8\/12\@desktop {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-9\/12\@desktop {
    width: 75% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-9\/12\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-9\/12\@desktop {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-10\/12\@desktop {
    width: 83.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-10\/12\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 83.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-10\/12\@desktop {
    position: relative !important;
    right: 83.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-11\/12\@desktop {
    width: 91.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-11\/12\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 91.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-11\/12\@desktop {
    position: relative !important;
    right: 91.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-12\/12\@desktop {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-12\/12\@desktop {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-12\/12\@desktop {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
}

@media (min-width: 81.25em) {
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/1\@wide {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/1\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/1\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/2\@wide {
    width: 50% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/2\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/2\@wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/2\@wide {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/2\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/2\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/3\@wide {
    width: 33.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/3\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/3\@wide {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/3\@wide {
    width: 66.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/3\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/3\@wide {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-3\/3\@wide {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-3\/3\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-3\/3\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/4\@wide {
    width: 25% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/4\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/4\@wide {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/4\@wide {
    width: 50% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/4\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/4\@wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-3\/4\@wide {
    width: 75% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-3\/4\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-3\/4\@wide {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-4\/4\@wide {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-4\/4\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-4\/4\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/5\@wide {
    width: 20% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/5\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 20% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/5\@wide {
    position: relative !important;
    right: 20% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/5\@wide {
    width: 40% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/5\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 40% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/5\@wide {
    position: relative !important;
    right: 40% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-3\/5\@wide {
    width: 60% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-3\/5\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 60% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-3\/5\@wide {
    position: relative !important;
    right: 60% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-4\/5\@wide {
    width: 80% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-4\/5\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 80% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-4\/5\@wide {
    position: relative !important;
    right: 80% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-5\/5\@wide {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-5\/5\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-5\/5\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-1\/12\@wide {
    width: 8.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-1\/12\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 8.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-1\/12\@wide {
    position: relative !important;
    right: 8.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-2\/12\@wide {
    width: 16.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-2\/12\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 16.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-2\/12\@wide {
    position: relative !important;
    right: 16.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-3\/12\@wide {
    width: 25% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-3\/12\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 25% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-3\/12\@wide {
    position: relative !important;
    right: 25% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-4\/12\@wide {
    width: 33.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-4\/12\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 33.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-4\/12\@wide {
    position: relative !important;
    right: 33.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-5\/12\@wide {
    width: 41.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-5\/12\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 41.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-5\/12\@wide {
    position: relative !important;
    right: 41.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-6\/12\@wide {
    width: 50% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-6\/12\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 50% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-6\/12\@wide {
    position: relative !important;
    right: 50% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-7\/12\@wide {
    width: 58.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-7\/12\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 58.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-7\/12\@wide {
    position: relative !important;
    right: 58.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-8\/12\@wide {
    width: 66.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-8\/12\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 66.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-8\/12\@wide {
    position: relative !important;
    right: 66.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-9\/12\@wide {
    width: 75% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-9\/12\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 75% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-9\/12\@wide {
    position: relative !important;
    right: 75% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-10\/12\@wide {
    width: 83.3333333333% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-10\/12\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 83.3333333333% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-10\/12\@wide {
    position: relative !important;
    right: 83.3333333333% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-11\/12\@wide {
    width: 91.6666666667% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-11\/12\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 91.6666666667% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-11\/12\@wide {
    position: relative !important;
    right: 91.6666666667% !important;
    left: auto !important;
    /* [1] */
  }
  /* line 99, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-12\/12\@wide {
    width: 100% !important;
  }
  /**
        * 1. Reset any leftover or conflicting `left`/`right` values.
        */
  /* line 110, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-push-12\/12\@wide {
    position: relative !important;
    right: auto !important;
    /* [1] */
    left: 100% !important;
  }
  /* line 117, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.widths.scss */
  .u-pull-12\/12\@wide {
    position: relative !important;
    right: 100% !important;
    left: auto !important;
    /* [1] */
  }
}

/* ==========================================================================
   #SPACING
   ========================================================================== */
/**
 * Utility classes to put specific spacing values onto elements. The below loop
 * will generate us a suite of classes like:
 *
 *   .u-margin-top {}
 *   .u-padding-left-large {}
 *   .u-margin-right-small {}
 *   .u-padding {}
 *   .u-padding-right-none {}
 */
/* stylelint-disable string-quotes */
/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding {
  padding: 20px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-tiny {
  padding: 5px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-small {
  padding: 10px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-large {
  padding: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-huge {
  padding: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-3-4x {
  padding: 15px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-2x {
  padding: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-3x {
  padding: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-4x {
  padding: 80px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-none {
  padding: 0 !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-top {
  padding-top: 20px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-top-tiny {
  padding-top: 5px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-top-small {
  padding-top: 10px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-top-large {
  padding-top: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-top-huge {
  padding-top: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-top-3-4x {
  padding-top: 15px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-top-2x {
  padding-top: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-top-3x {
  padding-top: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-top-4x {
  padding-top: 80px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-top-none {
  padding-top: 0 !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-right {
  padding-right: 20px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-right-tiny {
  padding-right: 5px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-right-small {
  padding-right: 10px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-right-large {
  padding-right: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-right-huge {
  padding-right: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-right-3-4x {
  padding-right: 15px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-right-2x {
  padding-right: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-right-3x {
  padding-right: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-right-4x {
  padding-right: 80px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-right-none {
  padding-right: 0 !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-bottom {
  padding-bottom: 20px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-bottom-tiny {
  padding-bottom: 5px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-bottom-small {
  padding-bottom: 10px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-bottom-large {
  padding-bottom: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-bottom-huge {
  padding-bottom: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-bottom-3-4x {
  padding-bottom: 15px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-bottom-2x {
  padding-bottom: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-bottom-3x {
  padding-bottom: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-bottom-4x {
  padding-bottom: 80px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-bottom-none {
  padding-bottom: 0 !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-left {
  padding-left: 20px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-left-tiny {
  padding-left: 5px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-left-small {
  padding-left: 10px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-left-large {
  padding-left: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-left-huge {
  padding-left: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-left-3-4x {
  padding-left: 15px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-left-2x {
  padding-left: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-left-3x {
  padding-left: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-left-4x {
  padding-left: 80px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-padding-left-none {
  padding-left: 0 !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin {
  margin: 20px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-tiny {
  margin: 5px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-small {
  margin: 10px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-large {
  margin: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-huge {
  margin: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-3-4x {
  margin: 15px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-2x {
  margin: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-3x {
  margin: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-4x {
  margin: 80px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-none {
  margin: 0 !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-top {
  margin-top: 20px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-top-tiny {
  margin-top: 5px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-top-small {
  margin-top: 10px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-top-large {
  margin-top: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-top-huge {
  margin-top: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-top-3-4x {
  margin-top: 15px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-top-2x {
  margin-top: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-top-3x {
  margin-top: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-top-4x {
  margin-top: 80px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-top-none {
  margin-top: 0 !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-right {
  margin-right: 20px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-right-tiny {
  margin-right: 5px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-right-small {
  margin-right: 10px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-right-large {
  margin-right: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-right-huge {
  margin-right: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-right-3-4x {
  margin-right: 15px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-right-2x {
  margin-right: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-right-3x {
  margin-right: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-right-4x {
  margin-right: 80px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-right-none {
  margin-right: 0 !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-bottom {
  margin-bottom: 20px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-bottom-tiny {
  margin-bottom: 5px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-bottom-small {
  margin-bottom: 10px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-bottom-large {
  margin-bottom: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-bottom-huge {
  margin-bottom: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-bottom-3-4x {
  margin-bottom: 15px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-bottom-2x {
  margin-bottom: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-bottom-3x {
  margin-bottom: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-bottom-4x {
  margin-bottom: 80px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-bottom-none {
  margin-bottom: 0 !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-left {
  margin-left: 20px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-left-tiny {
  margin-left: 5px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-left-small {
  margin-left: 10px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-left-large {
  margin-left: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-left-huge {
  margin-left: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-left-3-4x {
  margin-left: 15px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-left-2x {
  margin-left: 40px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-left-3x {
  margin-left: 60px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-left-4x {
  margin-left: 80px !important;
}

/* line 51, app/assets/stylesheets/yogobe/utilities/utilities.spacing.scss */
.u-margin-left-none {
  margin-left: 0 !important;
}

/* stylelint-enable string-quotes */
/* ==========================================================================
   #BACKGROUND
   ========================================================================== */
/**
 * Utility classes to put specific spacing values onto elements. The below loop
 * will generate us a suite of classes like:
 *
 *   .u-background-color-yogobe-light-blue {}
 */
/* stylelint-disable string-quotes */
/* line 26, app/assets/stylesheets/yogobe/utilities/utilities.background.scss */
.u-background-color-yogobe-light-blue {
  background-color: #dff5ff !important;
}

/* line 26, app/assets/stylesheets/yogobe/utilities/utilities.background.scss */
.u-background-color-yogobe-medium-blue {
  background-color: #c5edff !important;
}

/* line 26, app/assets/stylesheets/yogobe/utilities/utilities.background.scss */
.u-background-color-yogobe-light-pink {
  background-color: #fbedf3 !important;
}

/* line 26, app/assets/stylesheets/yogobe/utilities/utilities.background.scss */
.u-background-color-yogobe-medium-pink {
  background-color: #fae0eb !important;
}

/* line 26, app/assets/stylesheets/yogobe/utilities/utilities.background.scss */
.u-background-color-yogobe-light-grey {
  background-color: #f7f7f7 !important;
}

/* line 26, app/assets/stylesheets/yogobe/utilities/utilities.background.scss */
.u-background-color-white {
  background-color: white !important;
}

/* stylelint-enable string-quotes */
/* ==========================================================================
   #PRINT
   ========================================================================== */
/**
 * Very crude, reset-like styles taken from the HTML5 Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/5.3.0/dist/doc/css.md#print-styles
 * https://github.com/h5bp/html5-boilerplate/blob/master/dist/css/main.css#L205-L282
 */
@media print {
  /**
   * 1. Black prints faster: http://www.sanbeiji.com/archives/953
   */
  /* line 17, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.print.scss */
  *,
*:before,
*:after,
*:first-letter,
*:first-line {
    background: transparent !important;
    color: #000 !important;
    /* [1] */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  /* line 29, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.print.scss */
  a,
a:visited {
    text-decoration: underline;
  }
  /* line 34, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.print.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }
  /* line 38, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.print.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /**
   * Don't show links that are fragment identifiers, or use the `javascript:`
   * pseudo protocol.
   */
  /* line 48, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.print.scss */
  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }
  /* line 53, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.print.scss */
  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  /**
   * Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  /* line 64, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.print.scss */
  thead {
    display: table-header-group;
  }
  /* line 68, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.print.scss */
  tr,
img {
    page-break-inside: avoid;
  }
  /* line 74, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.print.scss */
  img {
    max-width: 100% !important;
  }
  /* line 78, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.print.scss */
  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }
  /* line 85, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.print.scss */
  h2,
h3 {
    page-break-after: avoid;
  }
}

/* ==========================================================================
   #HIDE
   ========================================================================== */
/**
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
/* line 10, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.hide.scss */
.u-hidden-visually {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

/**
 * Hide visually and from screen readers.
 */
/* line 19, ../usr/local/bundle/gems/rails-assets-inuitcss-6.0.0.beta.4/app/assets/stylesheets/inuitcss/utilities/_utilities.hide.scss */
.u-hidden {
  display: none !important;
}

/* line 1, app/assets/stylesheets/components/my-pages.sass */
.mypage__tabs {
  padding-top: 0.75rem;
  background-color: #f2f1f1;
}

/* line 4, app/assets/stylesheets/components/my-pages.sass */
.mypage__tabs .mypage__tabs__toggle {
  display: none;
  float: right;
  width: 50px;
  height: 35px;
  text-align: center;
}

/* line 10, app/assets/stylesheets/components/my-pages.sass */
.mypage__tabs .mypage__tabs__toggle i {
  vertical-align: -9px;
}

/* line 12, app/assets/stylesheets/components/my-pages.sass */
.mypage__tabs a {
  display: inline-block;
  margin-right: 0.5rem;
  padding: 0.5rem 2rem;
  color: #fff;
  background-color: #56b9e5;
  text-transform: uppercase;
}

@media screen and (max-width: 590px) {
  /* line 1, app/assets/stylesheets/components/my-pages.sass */
  .mypage__tabs {
    padding-bottom: 0.25rem;
  }
  /* line 21, app/assets/stylesheets/components/my-pages.sass */
  .mypage__tabs a {
    margin-bottom: 0.5rem;
  }
}

/* line 23, app/assets/stylesheets/components/my-pages.sass */
.mypage__tabs--active {
  color: #333;
  background-color: #fff;
}

/* line 27, app/assets/stylesheets/components/my-pages.sass */
.mypage-courses {
  background-color: #fff;
}

/* line 31, app/assets/stylesheets/components/my-pages.sass */
.mypage__separator {
  background-color: #f2f1f1;
  padding: 1rem;
}

/* line 35, app/assets/stylesheets/components/my-pages.sass */
.shareable_code__container {
  background-color: #fff;
}

/* line 37, app/assets/stylesheets/components/my-pages.sass */
.shareable_code_input {
  display: block;
  width: 100%;
  max-width: 400px;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
}

/* line 44, app/assets/stylesheets/components/my-pages.sass */
.shareable_code_button {
  display: inline-block;
  width: 40px;
  height: 36px;
  line-height: 34px;
  margin-top: 2px;
  color: white;
  text-align: center;
  vertical-align: top;
  border-radius: 6px;
}

/* line 54, app/assets/stylesheets/components/my-pages.sass */
.shareable_code_button i {
  vertical-align: middle;
}

/* line 56, app/assets/stylesheets/components/my-pages.sass */
.shareable_code_button img {
  width: 30px;
  vertical-align: middle;
}

/* line 59, app/assets/stylesheets/components/my-pages.sass */
.shareable_code_button--facebook {
  color: #284877;
}

/* line 61, app/assets/stylesheets/components/my-pages.sass */
.shareable_code_button--twitter {
  color: #2ca7d1;
}

/* line 63, app/assets/stylesheets/components/my-pages.sass */
.shareable_code_button--email {
  color: #738a8d;
}

/* line 65, app/assets/stylesheets/components/my-pages.sass */
.shareable_code_button--gmail {
  background-color: #748a8d;
}

/* line 69, app/assets/stylesheets/components/my-pages.sass */
.cancel-subscription-survey h2 {
  padding: 1rem 0 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
}

/* line 72, app/assets/stylesheets/components/my-pages.sass */
.cancel-subscription-survey h2 + .survey__description {
  display: none;
}

/* line 74, app/assets/stylesheets/components/my-pages.sass */
.cancel-subscription-survey .question {
  margin-bottom: 0.5rem;
}

/* line 76, app/assets/stylesheets/components/my-pages.sass */
.cancel-subscription-survey br {
  display: none;
}

/* line 79, app/assets/stylesheets/components/my-pages.sass */
.mypage__history__icon {
  width: 25px;
  vertical-align: middle;
}

/* line 83, app/assets/stylesheets/components/my-pages.sass */
.mypage__history__items {
  margin-left: 0;
  list-style-type: none;
}

/* line 87, app/assets/stylesheets/components/my-pages.sass */
.mypage__history__item {
  margin-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 92, app/assets/stylesheets/components/my-pages.sass */
.mypage__history__item:nth-of-type(even) {
  background-color: #f2f1f1;
}

@media screen and (min-width: 720px) {
  /* line 95, app/assets/stylesheets/components/my-pages.sass */
  .mypage__history__item a {
    display: inline-block;
    width: 75%;
    max-width: 300px;
    vertical-align: top;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

/* line 104, app/assets/stylesheets/components/my-pages.sass */
.mypage__history__video {
  display: inline-block;
  width: 180px;
}

/* line 108, app/assets/stylesheets/components/my-pages.sass */
.mypage__history__date {
  margin-bottom: 0.5rem;
  padding-top: 1rem;
}

/* line 112, app/assets/stylesheets/components/my-pages.sass */
.mypage__voucher__input {
  display: block;
  width: 100%;
  max-width: 400px;
  margin-bottom: 1rem;
  padding: 0.5rem;
}

/* line 121, app/assets/stylesheets/components/my-pages.sass */
.mypage__history__item a {
  color: #56b9e5;
  text-decoration: none;
}

/* line 1, app/assets/stylesheets/yogobe/components/old.sass */
.register__button {
  margin-bottom: 1rem;
}

/* line 13, app/assets/stylesheets/yogobe/components/old.sass */
.pika-button:hover {
  background-color: #ea6ea3;
}

/* line 16, app/assets/stylesheets/yogobe/components/old.sass */
.is-selected .pika-button {
  background-color: #56b9e5;
}

/* line 19, app/assets/stylesheets/yogobe/components/old.sass */
.schedulevideo {
  display: block;
}

@media (max-width: 46.24em) {
  /* line 19, app/assets/stylesheets/yogobe/components/old.sass */
  .schedulevideo {
    display: none;
  }
}

/* line 24, app/assets/stylesheets/yogobe/components/old.sass */
.schedulevideo--mobile {
  display: none;
  padding: 0.5rem;
}

@media (max-width: 46.24em) {
  /* line 24, app/assets/stylesheets/yogobe/components/old.sass */
  .schedulevideo--mobile {
    display: block;
  }
}

/* line 30, app/assets/stylesheets/yogobe/components/old.sass */
.schedulevideo {
  width: 258px;
}

/* line 32, app/assets/stylesheets/yogobe/components/old.sass */
.schedulevideo .pika-single {
  border: none;
}

/* line 35, app/assets/stylesheets/yogobe/components/old.sass */
.pika-single {
  border: none;
}

@media (max-width: 46.24em) {
  /* line 35, app/assets/stylesheets/yogobe/components/old.sass */
  .pika-single {
    display: none;
  }
}

@media (max-width: 46.24em) {
  /* line 47, app/assets/stylesheets/yogobe/components/old.sass */
  .video-overlay__player__container {
    width: 100%;
    margin: 0 auto;
  }
}

@media (min-width: 46.25em) {
  /* line 47, app/assets/stylesheets/yogobe/components/old.sass */
  .video-overlay__player__container {
    width: 70%;
    margin: 0 auto;
  }
}

/* line 61, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__index {
  display: flex;
  flex-flow: row wrap;
  padding-top: 1rem;
}

@media (max-width: 46.24em) {
  /* line 66, app/assets/stylesheets/yogobe/components/old.sass */
  .playlist__sidebar {
    order: 2;
    width: 100%;
  }
}

@media (min-width: 46.25em) {
  /* line 66, app/assets/stylesheets/yogobe/components/old.sass */
  .playlist__sidebar {
    flex-grow: 1;
    flex-basis: 300px;
    margin-right: 2rem;
  }
}

@media (max-width: 46.24em) {
  /* line 75, app/assets/stylesheets/yogobe/components/old.sass */
  .playlist__main {
    order: 1;
  }
}

@media (min-width: 46.25em) {
  /* line 75, app/assets/stylesheets/yogobe/components/old.sass */
  .playlist__main {
    flex-grow: 4;
    flex-basis: 300px;
  }
}

/* line 82, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__object {
  margin-bottom: 1rem;
}

/* line 93, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__object .video-thumbnail--sidebar {
  margin-bottom: 0;
}

/* line 97, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__object__thumbnail {
  height: 125px;
  flex-basis: 200px;
}

/* line 101, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__object__description {
  flex-basis: 200px;
  flex-grow: 4;
  padding-left: 1rem;
}

/* line 122, app/assets/stylesheets/yogobe/components/old.sass */
.moremenu__playlist__button {
  display: block;
  width: 100%;
  margin-bottom: 0;
}

/* line 131, app/assets/stylesheets/yogobe/components/old.sass */
.moremenu__playlist__visibilitylabel {
  display: block;
  margin-bottom: 0.5rem;
}

/* line 135, app/assets/stylesheets/yogobe/components/old.sass */
.moremenu__playlist__visibilityselect {
  float: right;
}

/* line 138, app/assets/stylesheets/yogobe/components/old.sass */
.playlist_description, .playlist_title {
  margin-bottom: 1rem;
}

/* line 140, app/assets/stylesheets/yogobe/components/old.sass */
.playlist_description label, .playlist_title label {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

/* line 145, app/assets/stylesheets/yogobe/components/old.sass */
.playlist_description textarea, .playlist_description input, .playlist_title textarea, .playlist_title input {
  padding: 0.25rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 0px 0px 1px rgba(0, 0, 0, 0.02);
  border: none;
  width: 100%;
}

/* line 151, app/assets/stylesheets/yogobe/components/old.sass */
.playlists__show__container {
  margin-bottom: 2rem;
  padding: 1rem;
  background-color: white;
}

/* line 156, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__active__item {
  position: relative;
}

/* line 158, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__active__item:after {
  position: absolute;
  content: ' ';
  top: 0;
  right: -5px;
  width: 5px;
  height: 100%;
  background-color: #ea6ea3;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
}

/* line 171, app/assets/stylesheets/yogobe/components/old.sass */
.playlists__show__videoplaylistorder {
  display: flex;
  flex-flow: column nowrap;
}

/* line 174, app/assets/stylesheets/yogobe/components/old.sass */
.playlists__show__videoplaylistorder--first {
  order: -1;
}

/* line 176, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__navigation_button, .playlist__navigation__previous, .playlist__navigation__next {
  width: auto;
  color: white;
  background-color: #56b9e5;
  border: none;
  vertical-align: top;
  padding: 0.75rem 2rem 0.75rem;
  line-height: 1.5;
}

/* line 185, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__navigation_button i:first-child, .playlist__navigation__previous i:first-child, .playlist__navigation__next i:first-child {
  font-size: 1.4em;
  vertical-align: -12%;
}

/* line 188, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__navigation_button span, .playlist__navigation__previous span, .playlist__navigation__next span {
  padding: 0 0.5rem;
}

/* line 192, app/assets/stylesheets/yogobe/components/old.sass */
.sortable-ghost {
  border-color: green;
  border-style: solid;
  border-width: 1px;
  opacity: 0.2;
}

/* line 198, app/assets/stylesheets/yogobe/components/old.sass */
.sortable-handle {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.0909090909;
  cursor: move;
  cursor: -webkit-grabbing;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
}

/* line 208, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__cards {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

/* line 212, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__card__container {
  display: flex;
}

/* line 215, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__card__container--wide .playlist__card__content {
  flex: 3;
}

/* line 218, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__card {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  margin-bottom: 2rem;
  padding: 1rem;
  background-color: white;
}

/* line 225, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__card__content {
  flex: 2;
  height: calc(100% - 1.5rem);
  margin-right: 1rem;
}

@media (max-width: 61.24em) {
  /* line 229, app/assets/stylesheets/yogobe/components/old.sass */
  .playlist__card__extra {
    flex: 0 1 999px;
  }
}

@media (min-width: 61.25em) {
  /* line 229, app/assets/stylesheets/yogobe/components/old.sass */
  .playlist__card__extra {
    flex: 1;
  }
}

/* line 235, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__card__title {
  margin-bottom: 0;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 400;
  vertical-align: top;
}

/* line 240, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__card__author {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  font-weight: 400;
  white-space: nowrap;
}

/* line 244, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__card__meta {
  margin-bottom: 1rem;
}

/* line 246, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__card__description {
  margin-bottom: 1rem;
}

/* line 252, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__card__thumbnail {
  max-width: 200px;
  margin-bottom: 0.5rem;
}

/* line 255, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__card__actions {
  color: #56b9e5;
}

/* line 257, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__card__actions a {
  margin-right: 1rem;
}

/* line 259, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__card__actions .moremenu {
  display: inline-block;
}

/* line 261, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__card__actions__link {
  text-transform: uppercase;
}

/* line 266, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__container {
  padding: 1rem;
  background-color: white;
}

/* line 269, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__container--new {
  min-height: 355px;
}

/* line 272, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__edit__container {
  display: flex;
  flex-flow: row wrap;
}

/* line 275, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__edit__image {
  flex: 1 0 200px;
  margin-right: 1rem;
}

/* line 278, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__edit__content {
  flex: 2 0 400px;
}

/* line 280, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__edit__savebutton--image {
  width: 100%;
}

@media (max-width: 1083px) {
  /* line 280, app/assets/stylesheets/yogobe/components/old.sass */
  .playlist__edit__savebutton--image {
    display: none;
  }
}

/* line 284, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__edit__savebutton--content {
  float: right;
}

@media (min-width: 1084px) {
  /* line 284, app/assets/stylesheets/yogobe/components/old.sass */
  .playlist__edit__savebutton--content {
    display: none;
  }
}

/* line 290, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__video__thumbnail .video-thumbnail__play-button {
  transition: opacity 0.25s ease;
  opacity: 0;
}

/* line 293, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__video__thumbnail .video-thumbnail__image {
  cursor: pointer;
}

/* line 297, app/assets/stylesheets/yogobe/components/old.sass */
.playlist__video__thumbnail:hover .video-thumbnail__play-button {
  opacity: 1;
}

/* line 304, app/assets/stylesheets/yogobe/components/old.sass */
.survey .landing-page__body {
  background-color: #f7f7f7;
}

/* line 307, app/assets/stylesheets/yogobe/components/old.sass */
.survey .radio_button {
  display: block;
}

/* line 310, app/assets/stylesheets/yogobe/components/old.sass */
.survey .checkbox {
  display: block;
}

/* line 313, app/assets/stylesheets/yogobe/components/old.sass */
.survey textarea {
  width: 100%;
}

/* line 316, app/assets/stylesheets/yogobe/components/old.sass */
.survey__description {
  padding-bottom: 0rem;
}

/* line 319, app/assets/stylesheets/yogobe/components/old.sass */
.survey .question .dropdown select {
  display: block;
  margin-bottom: 0.5rem;
}

/* line 323, app/assets/stylesheets/yogobe/components/old.sass */
.survey__note {
  text-style: italic;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 2.4;
}

/* line 327, app/assets/stylesheets/yogobe/components/old.sass */
.survey__error {
  color: firebrick;
}

/* line 329, app/assets/stylesheets/yogobe/components/old.sass */
.survey__error:first-letter {
  text-transform: uppercase;
}

@media (min-width: 46.25em) {
  /* line 334, app/assets/stylesheets/yogobe/components/old.sass */
  .survey .c-detailsform__input {
    margin-bottom: 0;
  }
  /* line 336, app/assets/stylesheets/yogobe/components/old.sass */
  .survey .c-detailsform__textfield {
    width: 50%;
  }
}

/* line 343, app/assets/stylesheets/yogobe/components/old.sass */
#user_details_training:not(:checked) ~ .training_options {
  display: none;
}

/* line 346, app/assets/stylesheets/yogobe/components/old.sass */
#user_details_body_therapist:not(:checked) ~ .body_therapist_options {
  display: none;
}

/* line 349, app/assets/stylesheets/yogobe/components/old.sass */
#user_details_healthcare:not(:checked) ~ .healthcare_options {
  display: none;
}

/* line 351, app/assets/stylesheets/yogobe/components/old.sass */
.user_profile_relation_to_yoga {
  margin-bottom: 0;
}

/* line 355, app/assets/stylesheets/yogobe/components/old.sass */
.register__details {
  display: block;
}

/* line 362, app/assets/stylesheets/yogobe/components/old.sass */
.static-puff {
  margin-bottom: 20px;
  overflow: hidden;
}

/* line 366, app/assets/stylesheets/yogobe/components/old.sass */
.static-puff__image__wrapper {
  display: block;
  position: relative;
}

/* line 370, app/assets/stylesheets/yogobe/components/old.sass */
.static-puff__image__wrapper:hover .static-puff__shade {
  background-color: rgba(255, 255, 255, 0.2);
}

/* line 373, app/assets/stylesheets/yogobe/components/old.sass */
.static-puff__image__aspect-ratio {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
}

/* line 380, app/assets/stylesheets/yogobe/components/old.sass */
.static-puff__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

/* line 386, app/assets/stylesheets/yogobe/components/old.sass */
.static-puff__shade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  transition: background-color 0.35s ease;
}

/* line 395, app/assets/stylesheets/yogobe/components/old.sass */
.static-puff__title {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  padding: 0 2rem;
  color: white;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 61.24em) {
  /* line 395, app/assets/stylesheets/yogobe/components/old.sass */
  .static-puff__title {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
  }
}

@media (min-width: 61.25em) {
  /* line 395, app/assets/stylesheets/yogobe/components/old.sass */
  .static-puff__title {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.25;
  }
}

/* line 417, app/assets/stylesheets/yogobe/components/old.sass */
.videos__show__container {
  margin-bottom: 20px;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.06);
}

/* line 421, app/assets/stylesheets/yogobe/components/old.sass */
.course__part__content {
  padding: 10px;
}

/* line 429, app/assets/stylesheets/yogobe/components/old.sass */
.video-overlay__player {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

/* line 435, app/assets/stylesheets/yogobe/components/old.sass */
.video-overlay__player__loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 441, app/assets/stylesheets/yogobe/components/old.sass */
.video-overlay__player__loading img {
  display: block;
  height: 100%;
  margin: 0 auto;
}

/* line 446, app/assets/stylesheets/yogobe/components/old.sass */
.video-overlay__player__loading__spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

/* line 453, app/assets/stylesheets/yogobe/components/old.sass */
.video-overlay__player__loading__spinner p {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  margin: 2rem 0 0;
  text-align: center;
}

/* line 463, app/assets/stylesheets/yogobe/components/old.sass */
.video-overlay__player__23 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  background-color: white;
}

/* line 481, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos {
  display: flex;
  flex-flow: row wrap;
  position: relative;
  background-color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 68.75em) {
  /* line 492, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__time {
    order: 2;
    width: 100%;
    padding: 0.5rem 2rem;
  }
}

@media (max-width: 46.24em) {
  /* line 492, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__time {
    padding: 0.5rem 0;
  }
}

@media (min-width: 68.75em) {
  /* line 492, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__time {
    flex-basis: 135px;
    padding: 2rem 2rem 2rem;
    text-align: right;
  }
}

/* line 504, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__filter {
  flex-grow: 1;
  flex-basis: 500px;
  padding: 2rem 2rem 0.5rem;
}

@media (max-width: 46.24em) {
  /* line 504, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__filter {
    order: 1;
    padding: 2rem 0 0.5rem;
  }
}

@media (min-width: 46.25em) and (max-width: 68.75em) {
  /* line 504, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__filter {
    flex-basis: 100%;
  }
}

/* line 514, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__options {
  flex-basis: 320px;
}

@media (max-width: 46.24em) {
  /* line 514, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__options {
    order: 3;
    padding: 0.5rem 0;
  }
}

@media (min-width: 46.25em) and (max-width: 68.75em) {
  /* line 514, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__options {
    order: 3;
    display: flex;
    flex-flow: row wrap;
    padding: 0 2rem 0.5rem;
    flex-basis: 100%;
  }
}

@media (min-width: 68.75em) {
  /* line 514, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__options {
    padding: 2rem 2rem 0.5rem;
  }
}

/* line 528, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__status {
  width: 100%;
  padding: 0 2rem 1rem;
}

@media (max-width: 46.24em) {
  /* line 528, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__status {
    order: 4;
    padding: 0 0 1rem;
  }
}

@media (min-width: 46.25em) and (max-width: 68.75em) {
  /* line 528, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__status {
    order: 4;
  }
}

@media (min-width: 68.75em) {
  /* line 528, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__status {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 70%;
  }
}

/* line 543, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__options__child {
  margin-right: 20px;
}

@media (min-width: 62.5em) and (max-width: 68.75em) {
  /* line 543, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__options__child {
    flex: 1 1 25%;
  }
}

@media (min-width: 46.25em) and (max-width: 62.5em) {
  /* line 550, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__languages {
    width: 320px;
  }
}

@media (min-width: 62.5em) and (max-width: 68.75em) {
  /* line 550, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__languages {
    flex: 0 0 320px;
  }
}

/* line 558, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__heading {
  margin-bottom: 0.5rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 600;
  color: #56b9e5;
}

/* line 563, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__label {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.8461538462;
  font-weight: 300;
}

@media (max-width: 68.75em) {
  /* line 563, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__label {
    display: inline-block;
    margin-right: 20px;
    padding-bottom: 0.75rem;
  }
}

@media (min-width: 68.75em) {
  /* line 563, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__label {
    display: block;
    padding-bottom: 0.5rem;
  }
}

/* line 573, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__checkbox {
  display: none;
}

/* line 575, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__checkbox:checked + span {
  color: #56b9e5;
}

/* line 577, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__checkbox:disabled + span {
  color: #c7c7c7;
}

/* line 580, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__input:disabled + span {
  color: #c7c7c7;
}

/* line 582, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__search {
  position: relative;
  margin-bottom: 1.5rem;
  overflow: hidden;
}

/* line 586, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__search input[type=text] {
  width: 100%;
  padding: 1rem;
}

@media screen and (max-width: 736px) {
  /* line 586, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__search input[type=text] {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

/* line 591, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__search input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  width: 52px;
  height: 52px;
  border: 0;
  outline: 0;
  background: url(https://yogobe.com/assets/icons/search-blue-b3b287d01bd62764d0c9a0c625574c7f73874f6e4c1c5bd9f12da216942b2050.png) no-repeat center;
  background-size: 2rem;
}

/* line 601, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__categories {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

/* line 606, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__select {
  padding: 0 0 1rem;
}

@media (max-width: 46.24em) {
  /* line 606, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__select {
    width: 100%;
  }
}

@media (min-width: 46.25em) {
  /* line 606, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__select {
    width: 50%;
  }
  /* line 612, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__select:nth-child(2n) {
    padding-left: 1rem;
  }
  /* line 614, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__select:nth-child(2n+1) {
    padding-right: 1rem;
  }
}

@media screen and (max-width: 736px) {
  /* line 606, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__select {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5;
  }
}

/* line 618, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__select select {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #c7c7c7;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background: url(https://yogobe.com/assets/layout/chevron-down-blue-216e8f02e1937a805a7a2936e53750b9f43b31253141bff1c6afcec141f2e347.png) no-repeat;
  background-size: 1.5rem;
  background-position: right 10px center;
  font-weight: 200;
}

/* line 630, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__select select:disabled {
  color: #c7c7c7;
}

/* line 633, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__locale {
  display: inline-block;
  width: 25%;
  padding: 0.75rem;
  text-align: center;
}

/* line 638, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__locale img {
  display: block;
  width: 100%;
  border: 1px solid #c7c7c7;
}

/* line 643, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__results {
  float: left;
}

/* line 645, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__menu {
  float: right;
  color: #56b9e5;
}

/* line 649, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__menu > :not(:last-child):after {
  content: ' |';
}

/* line 653, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__tags div {
  display: inline-block;
}

/* line 655, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__tag {
  position: relative;
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  line-height: 1.5;
  color: white;
  background-color: #56b9e5;
}

@media (max-width: 61.24em) {
  /* line 655, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__tag {
    margin: 0 0.75rem 0.75rem 0;
    padding: 0.5rem 1rem;
  }
}

@media (min-width: 46.25em) {
  /* line 655, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__tag {
    margin: 0 0.5rem 0.5rem 0;
    padding: 0 0.5rem;
  }
}

@media (min-width: 61.25em) {
  /* line 668, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__tag > label {
    margin-right: 0.5rem;
  }
}

/* line 672, app/assets/stylesheets/yogobe/components/old.sass */
.library__videos__tag__close {
  cursor: pointer;
}

@media (max-width: 61.24em) {
  /* line 672, app/assets/stylesheets/yogobe/components/old.sass */
  .library__videos__tag__close {
    width: 1.5rem;
    text-align: right;
    font-size: 1.125rem !important;
    vertical-align: top;
  }
}

/* line 681, app/assets/stylesheets/yogobe/components/old.sass */
.videos__show {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  padding: 1rem;
}

@media (max-width: 46.24em) {
  /* line 687, app/assets/stylesheets/yogobe/components/old.sass */
  .videos__show__sidebar {
    width: 100%;
  }
}

@media (min-width: 46.25em) {
  /* line 687, app/assets/stylesheets/yogobe/components/old.sass */
  .videos__show__sidebar {
    order: 1;
    flex-grow: 1;
    flex-basis: 300px;
    margin-right: 2rem;
  }
}

@media (min-width: 46.25em) {
  /* line 695, app/assets/stylesheets/yogobe/components/old.sass */
  .videos__show__video {
    order: 2;
    flex-grow: 4;
    flex-basis: 300px;
  }
}

/* line 702, app/assets/stylesheets/yogobe/components/old.sass */
.videos__heading {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

/* line 709, app/assets/stylesheets/yogobe/components/old.sass */
.videos__sidebar__load-more__container {
  text-align: center;
}

/* line 713, app/assets/stylesheets/yogobe/components/old.sass */
.videos__show__container {
  margin-bottom: 2rem;
  padding: 1rem;
  background-color: white;
}

/* line 717, app/assets/stylesheets/yogobe/components/old.sass */
.videos__show__player {
  position: relative;
  height: 0;
  margin-bottom: 0.5rem;
  padding-bottom: 56.25%;
  overflow: hidden;
}

/* line 724, app/assets/stylesheets/yogobe/components/old.sass */
.videos__show__backbutton {
  width: 100%;
  margin-bottom: 10px;
  color: white;
  background-color: #56b9e5;
  border: none;
}

/* line 730, app/assets/stylesheets/yogobe/components/old.sass */
.videos__show__backbutton i:first-child {
  font-size: 1.4em;
  vertical-align: -12%;
}

/* line 733, app/assets/stylesheets/yogobe/components/old.sass */
.videos__show__backbutton span {
  padding: 0 0.5rem;
}

@media (min-width: 46.25em) {
  /* line 736, app/assets/stylesheets/yogobe/components/old.sass */
  .videos__show__backbutton--mobile {
    display: none;
  }
}

@media (max-width: 46.24em) {
  /* line 739, app/assets/stylesheets/yogobe/components/old.sass */
  .videos__show__backbutton--desktop {
    display: none;
  }
}

/* line 744, app/assets/stylesheets/yogobe/components/old.sass */
.videos__show__time {
  float: right;
  font-weight: 600;
  margin: 0 0 0.5rem 0.5rem;
}

/* line 749, app/assets/stylesheets/yogobe/components/old.sass */
.videos__show__props {
  float: right;
  margin-right: 1rem;
}

@media (max-width: 30em) {
  /* line 749, app/assets/stylesheets/yogobe/components/old.sass */
  .videos__show__props {
    display: none;
  }
}

@media (min-width: 46.25em) and (max-width: 61.24em) {
  /* line 749, app/assets/stylesheets/yogobe/components/old.sass */
  .videos__show__props {
    display: none;
  }
}

/* line 757, app/assets/stylesheets/yogobe/components/old.sass */
.videos__notes {
  text-align: right;
}

/* line 759, app/assets/stylesheets/yogobe/components/old.sass */
.videos__notes textarea {
  width: 100%;
  margin-bottom: 1rem;
  border: 1px solid #999;
}

/* line 764, app/assets/stylesheets/yogobe/components/old.sass */
.videos__show__search {
  position: relative;
  margin-bottom: 0;
  overflow: hidden;
}

/* line 768, app/assets/stylesheets/yogobe/components/old.sass */
.videos__show__search input[type=text] {
  width: 100%;
  padding: 1rem;
  border: 1px solid #999;
}

/* line 772, app/assets/stylesheets/yogobe/components/old.sass */
.videos__show__search input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  width: 52px;
  height: 52px;
  border: 0;
  outline: 0;
  background: url(https://yogobe.com/assets/icons/search-blue-b3b287d01bd62764d0c9a0c625574c7f73874f6e4c1c5bd9f12da216942b2050.png) no-repeat center;
  background-size: 2rem;
}

/* line 783, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__action-button {
  cursor: pointer;
}

/* line 786, app/assets/stylesheets/yogobe/components/old.sass */
.library__videolist {
  display: inline-block;
  margin: 0 0.25rem 0.75rem 0;
  padding-left: 1px;
  color: #3c3c3c;
}

/* line 792, app/assets/stylesheets/yogobe/components/old.sass */
.library__smallbutton {
  height: 2rem;
  padding: 0.25rem 1rem;
  font-size: 11px;
}

/* line 796, app/assets/stylesheets/yogobe/components/old.sass */
.library__smallbutton.playlist__navigation_button {
  line-height: 0.75;
}

/* line 799, app/assets/stylesheets/yogobe/components/old.sass */
.video-overlay__player__nextvideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: 45%;
  z-index: 1;
  text-align: center;
  color: white;
}

@media (max-width: 61.24em) {
  /* line 809, app/assets/stylesheets/yogobe/components/old.sass */
  .getstarted__video {
    margin-bottom: 0.5rem;
  }
}

/* line 813, app/assets/stylesheets/yogobe/components/old.sass */
.getstarted__videotitle {
  position: absolute;
  top: 67%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
  color: white;
}

/* line 822, app/assets/stylesheets/yogobe/components/old.sass */
.getstarted__playbutton {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  transform: translate(-50%, -50%);
  background-image: url(https://yogobe.com/assets/video-thumbnails/play-848fa7e1d4da49d8836d364895109cdf0537623c94998869caf1ba54d4abbd74.png);
  background-size: 64px 192px;
  cursor: pointer;
}

/* line 832, app/assets/stylesheets/yogobe/components/old.sass */
.getstarted__playbutton:hover {
  background-position: 0 -64px;
}

/* line 834, app/assets/stylesheets/yogobe/components/old.sass */
.getstarted__playbutton:active {
  background-position: 0 -128px;
}

/* line 838, app/assets/stylesheets/yogobe/components/old.sass */
.misc__showmore {
  display: block;
  margin-bottom: 1rem;
  text-align: center;
  cursor: pointer;
}

/* line 844, app/assets/stylesheets/yogobe/components/old.sass */
.overflowhidden {
  overflow: hidden;
}

/* line 852, app/assets/stylesheets/yogobe/components/old.sass */
.library__tabs {
  padding: 0 20px;
}

/* line 854, app/assets/stylesheets/yogobe/components/old.sass */
.library__tabs .library__tabs__toggle {
  display: none;
  float: right;
  width: 50px;
  height: 35px;
  text-align: center;
}

/* line 860, app/assets/stylesheets/yogobe/components/old.sass */
.library__tabs .library__tabs__toggle i {
  vertical-align: -9px;
}

/* line 862, app/assets/stylesheets/yogobe/components/old.sass */
.library__tabs a {
  display: inline-block;
  padding-right: 40px;
  color: #3c3c3c;
  font-weight: 200;
}

/* line 867, app/assets/stylesheets/yogobe/components/old.sass */
.library__tabs .library__tabs--active {
  font-weight: 400;
}

/* line 869, app/assets/stylesheets/yogobe/components/old.sass */
.library__tabs .library__tabs--courses {
  padding-top: 6px;
  color: #777;
  background-color: #f2f1f1;
  border: 1px solid #999;
  border-bottom: none;
}

@media screen and (max-width: 770px) {
  /* line 852, app/assets/stylesheets/yogobe/components/old.sass */
  .library__tabs {
    padding-bottom: 0.25rem;
  }
  /* line 877, app/assets/stylesheets/yogobe/components/old.sass */
  .library__tabs a {
    margin-bottom: 0.5rem;
  }
  /* line 879, app/assets/stylesheets/yogobe/components/old.sass */
  .library__tabs .library__tabs--courses {
    border-bottom: 1px solid #333;
  }
}

/* line 882, app/assets/stylesheets/yogobe/components/old.sass */
.library__header {
  padding: 1rem;
}

/* line 885, app/assets/stylesheets/yogobe/components/old.sass */
.library__landing-pages {
  background-color: white;
}

/* line 891, app/assets/stylesheets/yogobe/components/old.sass */
.image-wrapper__ar169 {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}

/* line 900, app/assets/stylesheets/yogobe/components/old.sass */
.image-wrapper__ar21 {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 50%;
  overflow: hidden;
}

/* line 908, app/assets/stylesheets/yogobe/components/old.sass */
.visuallyhidden {
  display: none;
}

@media (max-width: 46.24em) {
  /* line 919, app/assets/stylesheets/yogobe/components/old.sass */
  .video-thumbnail {
    cursor: pointer;
  }
}

/* line 923, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__image__wrapper {
  display: block;
  position: relative;
  cursor: default;
}

/* line 928, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__image__aspect-ratio {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 56.25%;
}

@media (max-width: 46.24em) {
  /* line 928, app/assets/stylesheets/yogobe/components/old.sass */
  .video-thumbnail__image__aspect-ratio {
    display: none;
  }
}

/* line 938, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 947, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  transform: translate(-50%, -50%);
  background-image: url(https://yogobe.com/assets/video-thumbnails/play-848fa7e1d4da49d8836d364895109cdf0537623c94998869caf1ba54d4abbd74.png);
  background-size: 64px 192px;
  cursor: pointer;
}

/* line 957, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__play-button:hover {
  background-position: 0 -64px;
}

/* line 959, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__play-button:active {
  background-position: 0 -128px;
}

/* line 963, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__play-button--locked {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  transform: translate(-50%, -50%);
  background-image: url(https://yogobe.com/images/video-thumbnails/locked.png) !important;
  background-size: 48px 48px;
  cursor: pointer;
}

@media (max-width: 46.24em) {
  /* line 963, app/assets/stylesheets/yogobe/components/old.sass */
  .video-thumbnail__play-button--locked {
    display: none;
  }
}

/* line 976, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__heart {
  text-align: center;
}

/* line 978, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__heart--lap-and-up {
  position: absolute;
  top: 0;
  left: 0;
  width: 5rem;
  height: 4rem;
  cursor: pointer;
}

@media (max-width: 46.24em) {
  /* line 978, app/assets/stylesheets/yogobe/components/old.sass */
  .video-thumbnail__heart--lap-and-up {
    display: none;
  }
}

/* line 987, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__heart--lap-and-up i {
  position: absolute;
  top: 0.475rem;
  left: 0.25rem;
}

/* line 991, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__heart--palm {
  margin-right: -1rem;
  padding: 0.7rem 1rem 0;
  text-align: center;
  color: #56b9e5;
  cursor: pointer;
}

@media (min-width: 46.25em) {
  /* line 991, app/assets/stylesheets/yogobe/components/old.sass */
  .video-thumbnail__heart--palm {
    display: none;
  }
}

/* line 1001, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__details {
  display: table-cell;
  vertical-align: middle;
}

/* line 1006, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__length {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  font-weight: 700;
  margin-bottom: 0.5rem;
  text-align: center;
}

@media (max-width: 46.24em) {
  /* line 1006, app/assets/stylesheets/yogobe/components/old.sass */
  .video-thumbnail__length {
    margin-right: -1rem;
  }
}

/* line 1014, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__time {
  display: block;
  letter-spacing: -1px;
  white-space: nowrap;
}

/* line 1019, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__clock,
.video-thumbnail__flag {
  display: block;
  margin: 0 auto;
}

@media (max-width: 46.24em) {
  /* line 1019, app/assets/stylesheets/yogobe/components/old.sass */
  .video-thumbnail__clock,
.video-thumbnail__flag {
    display: none;
  }
}

/* line 1026, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__clock {
  width: 22px;
  height: 22px;
  background-size: 22px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA%2FlpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw%2FeHBhY2tldCBiZWdpbj0i77u%2FIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjVEMjA4OTI0OTNCRkRCMTE5MTRBODU5MEQzMTUwOEM4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkNCNEI1QTJBOEZDNTExRTRCMjczQzk0MjU4M0NEQ0UwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkNCNEI1QTI5OEZDNTExRTRCMjczQzk0MjU4M0NEQ0UwIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIElsbHVzdHJhdG9yIENDIDIwMTQgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0idXVpZDpjYWQzOGQ2Ny1lNzBkLWIyNGQtYjJjZC1iNTVmY2JkYjMyYjMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OWQwMTkwZTUtY2E1Yi00ZDhiLWE3MTMtYWUxY2FiMmQxYWNhIi8%2BIDxkYzp0aXRsZT4gPHJkZjpBbHQ%2BIDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI%2BY2xvY2sgaWNvbjwvcmRmOmxpPiA8L3JkZjpBbHQ%2BIDwvZGM6dGl0bGU%2BIDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY%2BIDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8%2B1IMvoAAABGhJREFUeNrMmXloVUcUxm%2BeinGva1y6hEZJUYlaG1ypINQuKooaFWpEjSKIGME1CoL%2BIf7jAtGCUsWltcZK675rawJRVFzS2uKuxESNdUujuODyHfMNHsf7Xt5y38s78OPducvc782dOXPmTELrpDZOBJYI%2BoLPQWfwGUgCdXn9CSgDF8AZcgiUh%2FvChDAFdwNTwADQMMRn5U%2FsA7kUH1XB0pqL2Zpe2CUwE%2FzuteAPwC%2FgG5dr%2F4OtoBDcALf4yV%2BBBuwi8pJ0MAQ0c6njOBjK5yMWLCK3g1rW%2BYNgEThMccFadzCD4m0bDTYEethXReU5YI8lVoQmg6%2FYB1%2BF2A2OsTWbg1%2Bta%2BvBsnAFLyTGXoAMCr0e4LlW7Jv3QIcA9%2F0HhnNcaK%2BRDdaEKngWW9fYNfAJ2BJEC44BKaAxmBzE%2FX%2Bwj59S58aCpcEKzmDf1AOiLSgJ8pPX9nMcyCpAV7BTnZvq9odtwR%2BC1ar8L%2FiS3SEWNhAUqHKu7UJtwcvoioyDHwSeOrG1waBUlZf7EzyAo9fYRHDRib3dYx821gtMcBOsB9k%2Bupjqsv1grSrPtAX3Az3VDfOc6rf5auzIoB%2BnBX%2BvbtxGzxALqwkWMJCyTVzpSst7vXmgHvhWXfg5RmKl1XaDdmqQr7LuyQOTVIiQ4uNM05wnJXDZEQOxORzQ7azWti2fMbSxPiI4TZ0o4D%2BNlrVgd1voEgb84OeZo%2Br4C%2FlXXdSJf6IoNtPF85Rxsgg0Zk6r4zQf531jf3ks8gF%2Fd7mI%2FZGxclUDvEgdJ0kLt1QnSjwW3AOctbrdY05Qe4Oso5QhbIIsJIyXsFvEK%2BtulaWlRzLYCeUrVTBkqO1zYmejOP1XRFJJTXoFE%2FA09ECYHdmdBN%2BBO2HW10ClDZ5JC99UF9t4IHgzeMnjaVx83omgPtFUw3QPEXxFXWzvgeDznIjEAyzxoD6tqczHUWysg4chYplHdXVVx%2Bd8lp%2FrrZo%2FXkx7mhMi%2BIgauR9xgMSLpRNjhSL4LqMmYyPiSHCGOpaG%2Fdv44Y3qgsTGHeNAbEtr1ZynA%2Fht1uCLhxXHbFBHhQyr7TXdIutTDKrmgZatyuIen8mBnQzcz1SUw74tbu52jMXWYtSYqiLINH95iWznbXKvKfitGlp3sxLr2Os9W7Bkesarcs8QwkAvbB0TKcbmgj8DCRaTzOFiVf6aQXZilMVKXm20Kv%2FkspTym72c7ryb8kznSO0RBaGykXMV9Lfi5ky3mwPFw1lW8NLEqdwW2ORUbiFEapLZXMFumKzOb2Tc7IQq2ISHWdY5mQnvc02WGobQj9nlylXOwdgcK6nzngW7KfMpJxe3GfAiZ6EiZmuKncqNGvE29Z3KFG4yw8RhoJNLHcUcbKeqEhLqtpe8MNdauLqtOB5RcD0%2FCRJj0sozXDI%2BTrhdwjbZMmhF4fl%2B7qnBpVajAGJl2TSW96wKRUBChFu38rn70Yt0YWankfN2q%2BA5eMglknSZE%2BAAuBzuC18LMACQot0YV3r8ZAAAAABJRU5ErkJggg%3D%3D);
}

/* line 1032, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__flag {
  width: 32px;
  border: 1px solid #f7f7f7;
}

/* line 1038, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--row__time {
  margin-bottom: 1rem;
  font-weight: 600;
}

/* line 1041, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--row__flag {
  margin-right: 1rem;
  vertical-align: bottom;
}

/* line 1045, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--row__content {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  height: 100%;
}

/* line 1055, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--row__title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2;
  line-height: 1.5;
  margin-bottom: 0.3rem;
}

/* line 1061, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--row__description {
  line-height: 1.5;
}

/* line 1064, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--row__flag {
  width: 32px;
  border: 1px solid #f7f7f7;
}

@media (min-width: 46.25em) {
  /* line 1068, app/assets/stylesheets/yogobe/components/old.sass */
  .video-thumbnail--row__instructor {
    margin-top: 42px;
  }
}

/* line 1071, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--row__instructor p {
  margin-bottom: 0.25rem;
}

/* line 1073, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--row__instructor img {
  width: 64px;
}

/* line 1076, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--row__tag {
  position: relative;
  display: inline-block;
  margin: 0 0.75rem 0.75rem 0;
  padding: 0.25rem 1rem;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
  line-height: 1.5;
  text-transform: uppercase;
  color: white;
  background-color: #56b9e5;
}

/* line 1086, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--row__tag > a {
  color: white;
}

/* line 1088, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--row__tag label {
  cursor: pointer;
}

@media (min-width: 61.25em) {
  /* line 1088, app/assets/stylesheets/yogobe/components/old.sass */
  .video-thumbnail--row__tag label {
    margin-right: 0.5rem;
  }
}

/* line 1094, app/assets/stylesheets/yogobe/components/old.sass */
.favorite-videos__tooltip {
  position: absolute;
  padding: 1rem;
  color: white;
  background-color: #ea6ea3;
  text-align: center;
}

/* line 1100, app/assets/stylesheets/yogobe/components/old.sass */
.favorite-videos__tooltip a {
  color: white;
  text-decoration: underline;
}

/* line 1106, app/assets/stylesheets/yogobe/components/old.sass */
.inline-video-thumbnail {
  position: relative;
  display: block;
}

/* line 1110, app/assets/stylesheets/yogobe/components/old.sass */
.inline-video-thumbnail__container {
  float: left;
  width: 40%;
  margin: 0 0 2rem 0;
  padding-right: 1rem;
}

/* line 1115, app/assets/stylesheets/yogobe/components/old.sass */
.inline-video-thumbnail__container:before {
  content: "";
  display: table;
  clear: both;
}

/* line 1120, app/assets/stylesheets/yogobe/components/old.sass */
.inline-video-thumbnail__image {
  display: block;
  width: 100%;
}

/* line 1124, app/assets/stylesheets/yogobe/components/old.sass */
.inline-video-thumbnail__title {
  display: block;
  padding-top: 3px;
  line-height: 1.2;
  color: #3c3c3c;
}

/* line 1133, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__play-button--small {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background-image: url(https://yogobe.com/assets/video-thumbnails/play-848fa7e1d4da49d8836d364895109cdf0537623c94998869caf1ba54d4abbd74.png);
  background-size: 48px 144px;
  cursor: pointer;
}

/* line 1143, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__play-button--small:hover {
  background-position: 0 -48px;
}

/* line 1145, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__play-button--small:active {
  background-position: 0 -96px;
}

/* line 1149, app/assets/stylesheets/yogobe/components/old.sass */
.embedded-inline-video-thumbnail__container {
  display: inline-block;
  width: 49%;
}

/* line 1155, app/assets/stylesheets/yogobe/components/old.sass */
.embedded-inline-video-thumbnail__container a img {
  margin-bottom: 0;
}

/* line 1158, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__action-button {
  display: inline-block;
  margin-right: 1rem;
  text-align: center;
}

/* line 1162, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__action-button i.video-thumbnail__action-button__block-icon {
  display: block;
}

/* line 1167, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--inline__play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  background-image: url(https://yogobe.com/assets/video-thumbnails/play-848fa7e1d4da49d8836d364895109cdf0537623c94998869caf1ba54d4abbd74.png);
  background-size: 48px 144px;
  cursor: pointer;
}

/* line 1177, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--inline__play-button:hover {
  background-position: 0 -48px;
}

/* line 1179, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--inline__play-button:active {
  background-position: 0 -96px;
}

/* line 1184, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--sidebar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 1rem;
  padding: 0.5rem;
  overflow: hidden;
  box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.06);
}

/* line 1193, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--sidebar__thumbnail {
  flex-basis: 60px;
  flex-grow: 1;
}

/* line 1196, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--sidebar__info {
  flex-basis: 100px;
  flex-grow: 2;
  margin: 0 0.5rem;
  color: #3c3c3c;
}

/* line 1201, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail--sidebar__menu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  flex-basis: 24px;
  justify-content: center;
  align-items: center;
  color: #999;
  cursor: pointer;
}

/* line 1213, app/assets/stylesheets/yogobe/components/old.sass */
.video-thumbnail__ellipsis {
  height: 24px;
}

/* line 1216, app/assets/stylesheets/yogobe/components/old.sass */
.video-more-menu {
  width: 274px;
  z-index: 100;
  color: #56b9e5;
  background-color: white;
  border: 1px solid #d0d1d0;
}

/* line 1222, app/assets/stylesheets/yogobe/components/old.sass */
.video-more-menu ul {
  list-style-type: none;
  margin: 0.5rem;
}

/* line 1225, app/assets/stylesheets/yogobe/components/old.sass */
.video-more-menu li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row nowrap;
  cursor: pointer;
  margin-bottom: 0.25rem;
  padding-bottom: 0.125rem;
}

/* line 1233, app/assets/stylesheets/yogobe/components/old.sass */
.video-more-menu li:nth-last-child(n+2) {
  border-bottom: 1px solid #56b9e5;
}

/* line 1235, app/assets/stylesheets/yogobe/components/old.sass */
.video-more-menu span {
  flex-grow: 1;
  margin-right: 1rem;
  color: #3c3c3c;
}

/* line 1240, app/assets/stylesheets/yogobe/components/old.sass */
.moremenu__icon--share {
  float: right;
}

/* line 1244, app/assets/stylesheets/yogobe/components/old.sass */
.moremenu__icon--remove {
  color: firebrick;
}

/* line 1247, app/assets/stylesheets/yogobe/components/old.sass */
.moremenu__share__uri {
  width: 100%;
  border: none;
  outline: none;
  margin-bottom: 0.25rem;
}

/* line 1258, app/assets/stylesheets/yogobe/components/old.sass */
.videoactions {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}

/* line 1262, app/assets/stylesheets/yogobe/components/old.sass */
.videoaction {
  width: 4rem;
  text-align: center;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 2.1818181818;
  line-height: 1.8;
  cursor: pointer;
}

/* line 1268, app/assets/stylesheets/yogobe/components/old.sass */
.videoaction > i {
  display: block;
}

/* line 1270, app/assets/stylesheets/yogobe/components/old.sass */
.videoaction label {
  cursor: pointer;
}

/* line 1275, app/assets/stylesheets/yogobe/components/old.sass */
.videoactions--show .videoactions {
  max-width: 330px;
}

/* line 1278, app/assets/stylesheets/yogobe/components/old.sass */
.videoactions--show .videoaction label, .videoactions--show .videoaction span {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
}

/* line 1281, app/assets/stylesheets/yogobe/components/old.sass */
.videoactions--grid .videoactions {
  margin-left: -10px;
}

/* line 1284, app/assets/stylesheets/yogobe/components/old.sass */
.videoactions--grid .videoaction > i {
  padding-left: 2px;
}

/* line 1286, app/assets/stylesheets/yogobe/components/old.sass */
.videoactions--grid .videoaction > .moremenu > i {
  padding-left: 2px;
}

/* line 1288, app/assets/stylesheets/yogobe/components/old.sass */
.videoactions--grid .videoaction label, .videoactions--grid .videoaction span {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2;
}

@media (min-width: 46.25em) {
  /* line 1291, app/assets/stylesheets/yogobe/components/old.sass */
  .videoaction--close {
    display: none;
  }
}

/* line 1299, app/assets/stylesheets/yogobe/components/old.sass */
.events-listing__image__aspect-ratio {
  position: relative;
  height: 0;
  margin-bottom: 5px;
  padding-bottom: 50%;
  overflow: hidden;
}

/* line 1306, app/assets/stylesheets/yogobe/components/old.sass */
.events-listing__image__aspect-ratio:hover:after {
  background-color: rgba(255, 255, 255, 0.4);
}

/* line 1308, app/assets/stylesheets/yogobe/components/old.sass */
.events-listing__image__aspect-ratio:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: background-color 0.35s ease;
}

/* line 1317, app/assets/stylesheets/yogobe/components/old.sass */
.events-listing__image {
  width: 100%;
}

/* line 1320, app/assets/stylesheets/yogobe/components/old.sass */
.event-listing__heading {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 7px 15px;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  color: white;
  background-color: #ea6ea3;
}

/* line 1329, app/assets/stylesheets/yogobe/components/old.sass */
.event__info {
  padding: 0 0 3rem;
}

/* line 1331, app/assets/stylesheets/yogobe/components/old.sass */
.event__info h2 {
  margin-bottom: 5px;
}

/* line 1333, app/assets/stylesheets/yogobe/components/old.sass */
.event__info p {
  margin-bottom: 0;
}

/* line 1339, app/assets/stylesheets/yogobe/components/old.sass */
.blogpost__share {
  color: #56b9e5;
}

/* line 1342, app/assets/stylesheets/yogobe/components/old.sass */
.blog-post__signature {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

/* line 1347, app/assets/stylesheets/yogobe/components/old.sass */
.blog-post__signature__profile-image {
  display: inline-block;
}

@media (max-width: 30em) {
  /* line 1347, app/assets/stylesheets/yogobe/components/old.sass */
  .blog-post__signature__profile-image {
    width: 33.3333333333% !important;
  }
}

/* line 1352, app/assets/stylesheets/yogobe/components/old.sass */
.blog-post__signature__profile-image img {
  width: 90%;
}

/* line 1354, app/assets/stylesheets/yogobe/components/old.sass */
.blog-post__signature__info {
  display: inline-block;
}

@media (max-width: 30em) {
  /* line 1354, app/assets/stylesheets/yogobe/components/old.sass */
  .blog-post__signature__info {
    width: 100% !important;
  }
}

/* line 1359, app/assets/stylesheets/yogobe/components/old.sass */
.blog-post__signature__info .blog-post__signature__name {
  margin-bottom: 0;
}

/* line 1361, app/assets/stylesheets/yogobe/components/old.sass */
.blog-post__signature__info .blog-post__signature__description {
  margin-bottom: 0.5rem;
}

/* line 1367, app/assets/stylesheets/yogobe/components/old.sass */
.video-embed {
  position: relative;
  width: 100%;
  height: 0;
  margin-bottom: 1.5rem;
  padding-bottom: 56.25%;
}

/* line 1373, app/assets/stylesheets/yogobe/components/old.sass */
.video-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 1385, app/assets/stylesheets/yogobe/components/old.sass */
.displaynone {
  display: none !important;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *


 *=/ require_tree .
 *=/ require_self
 */


 .turbolinks-progress-bar {
  visibility: hidden !important;
}