.pinflag-select{position:relative;display:block}.pinflag-select.is-enhanced>.pinflag-select__native{position:absolute!important;width:1px;min-width:0;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.pinflag-select__ui{position:relative}.pinflag-select__button{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;width:100%;min-height:4.4rem;margin:0;padding:0 1.4rem;border:.1rem solid rgb(var(--color-foreground));border-radius:0;background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:1.4rem;line-height:1.2;letter-spacing:0;text-align:left;cursor:pointer}.pinflag-select__button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem;box-shadow:none}.pinflag-select__button:disabled{opacity:.5;cursor:not-allowed}.pinflag-select__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinflag-select.is-placeholder .pinflag-select__value{color:rgba(var(--color-foreground),.65)}.pinflag-select__caret{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;transition:transform .26s cubic-bezier(.2,.9,.3,1)}.pinflag-select__caret:before{content:"";width:.7rem;height:.7rem;border-right:.15rem solid currentColor;border-bottom:.15rem solid currentColor;transform:translateY(-25%) rotate(45deg)}.pinflag-select__button[aria-expanded=true] .pinflag-select__caret{transform:rotate(180deg)}.pinflag-select__list{position:absolute;top:calc(100% - .1rem);left:0;z-index:5;box-sizing:border-box;min-width:100%;width:max-content;max-width:min(32rem,calc(100vw - 3.2rem));max-height:28rem;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;list-style:none;background-color:rgb(var(--color-background));border:.1rem solid rgb(var(--color-foreground));box-shadow:0 1.2rem 2.4rem #0000001f;outline:0}.pinflag-select__list{scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.35) transparent}.pinflag-select__list::-webkit-scrollbar{width:.4rem}.pinflag-select__list::-webkit-scrollbar-track{background:transparent}.pinflag-select__list::-webkit-scrollbar-thumb{background-color:rgba(var(--color-foreground),.35);border-radius:0}.pinflag-select__list::-webkit-scrollbar-thumb:hover{background-color:rgba(var(--color-foreground),.6)}.pinflag-select.is-up .pinflag-select__list{top:auto;bottom:calc(100% - .1rem);box-shadow:0 -1.2rem 2.4rem #0000001f}.pinflag-select__list{--pinflag-select-shift: -.8rem;opacity:0;transform:translateY(var(--pinflag-select-shift)) scaleY(.96);transform-origin:top center;pointer-events:none;transition:opacity .14s ease-in,transform .14s ease-in}.pinflag-select.is-up .pinflag-select__list{--pinflag-select-shift: .8rem;transform-origin:bottom center}.pinflag-select.is-open .pinflag-select__list{opacity:1;transform:none;pointer-events:auto;transition:opacity .18s ease-out,transform .26s cubic-bezier(.2,.9,.3,1)}.pinflag-select__button{transition:border-color .2s ease,background-color .2s ease}.pinflag-select:not(.pinflag-select--inline) .pinflag-select__button:hover{background-color:rgba(var(--color-foreground),.04)}.pinflag-select--inline .pinflag-select__button:hover .pinflag-select__value{text-decoration:underline;text-underline-offset:.3rem}.pinflag-select__option{display:flex;align-items:center;min-height:4.4rem;padding:.8rem 1.4rem;font-size:1.4rem;line-height:1.3;color:rgb(var(--color-foreground));cursor:pointer;transition:background-color .12s ease,color .12s ease}.pinflag-select__option+.pinflag-select__option{border-top:.1rem solid rgba(var(--color-foreground),.12)}.pinflag-select__option.is-active{background-color:rgba(var(--color-foreground),.08)}.pinflag-select__option[aria-selected=true]{font-weight:700;color:rgb(var(--color-background));background-color:rgb(var(--color-foreground))}.pinflag-select__option[aria-disabled=true]{color:rgba(var(--color-foreground),.4);background:none;cursor:not-allowed}.pinflag-select--inline .pinflag-select__button{gap:.8rem;width:auto;max-width:22rem;padding:0 .4rem;border-color:transparent;font-size:inherit}.pinflag-select--inline .pinflag-select__caret{width:1rem;height:1rem}.pinflag-select--inline .pinflag-select__caret:before{width:.6rem;height:.6rem}.pinflag-select--inline .pinflag-select__list{left:auto;right:0;min-width:22rem;margin-top:.4rem}.pinflag-select--inline .pinflag-select__option{font-size:1.3rem}.pinflag-select__list:focus-visible .pinflag-select__option.is-active:not([aria-selected=true]){outline:.2rem solid rgb(var(--color-foreground));outline-offset:-.2rem}@media(prefers-reduced-motion:reduce){.pinflag-select__list,.pinflag-select.is-open .pinflag-select__list,.pinflag-select__caret,.pinflag-select__option,.pinflag-select__button{transition:none}.pinflag-select__list{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/pinflag-select.css.map */