/* generated 2026-04-27T19:54:39+09:00 */


/**********
 * file: 0-version.css
 *
 */

/**
 * Acsiryo 2025
 *
 */



/**********
 * file: 1-public.css
 *
 */

@import url(https://cdn.acsiryo.com/public/style-ginger.css);



/**********
 * file: drumroll.css
 *
 */

.drumroll {
  background   : #fff;
  border-radius: 8px;
  border       : 1px solid #ccc;
 -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  height       : 200px;
  overflow     : hidden;
  position     : absolute;
 -webkit-user-select: none;
    -moz-user-select: none;
       user-select: none;
  z-index      : 1000;
  }

.drumroll.hidden {
  display: none;
}

.drumroll-scroll {
  cursor     : grab;
  height     : 100%;
  list-style : none;
  margin     : 0;
  padding    : 0;
  position   : relative;
  transition : transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
  }

.drumroll-scroll:active {
  cursor: grabbing;
}

.drumroll-item {
  align-items    : center;
  color          : #333;
  cursor         : pointer;
  display        : flex;
  font-size      : 18px;
  height         : 40px;
  justify-content: center;
  list-style     : none;
  transition     : opacity 0.2s, transform 0.2s;
  }

.drumroll-item:not(.drumroll-item-padding):hover {
  background: rgba(0, 0, 0, 0.03);
	}

.drumroll-item-padding {
  opacity: 0;
  pointer-events: none;
	}

/* Perspective effect - items further from center are smaller and more transparent */
.drumroll-item:nth-child(1),
.drumroll-item:nth-last-child(1) {
  opacity: 0.3;
  transform: scale(0.85);
	}

.drumroll-item:nth-child(2),
.drumroll-item:nth-last-child(2) {
  opacity: 0.5;
  transform: scale(0.9);
	}

.drumroll-item-selected {
  color      : #000;
  font-weight: 600;
  opacity    : 1 !important;
  transform  : scale(1) !important;
  }

/* Selection indicator */
.drumroll-indicator {
  background    : rgba(0, 0, 0, 0.02);
  border-bottom : 1px solid rgba(0, 0, 0, 0.1);
  border-top    : 1px solid rgba(0, 0, 0, 0.1);
  height        : 40px;
  left          : 0;
  pointer-events: none;
  position      : absolute;
  right         : 0;
  top           : 50%;
  transform     : translateY(-50%);
  z-index       : 10;
  }

/* Gradient overlays */
.drumroll-overlay {
  height        : 80px;
  left          : 0;
  pointer-events: none;
  position      : absolute;
  right         : 0;
  z-index       : 20;
  }

.drumroll-overlay-top {
  top: 0;
  background: linear-gradient(to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );
	}

.drumroll-overlay-bottom {
  bottom: 0;
  background: linear-gradient(to top,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0) 100%
  );
	}




/**********
 * file: empty.css
 *
 */




/**********
 * file: quill.css
 *
 */

.ql-align-center { text-align: center; }



/**********
 * file: status.css
 *
 */

      div.boxed.status-paid::before {
        background-color: red;
        border-radius   : 20px;
        color           : white;
        content         : "PAID";
        display         : block;
        font-weight     : bold;
        left            : -24px;
        padding         : 3px 10px;
        position        : absolute;
        top             : -8px;
        transform       : rotate(-45deg);
        transform-origin: center;
        }




/* === begin @media === */



/* === begin @theme === */