frame-model-options{display:block;margin:1.6rem 0}frame-model-options[hidden],.canvas-native-options[hidden],frame-model-options [hidden]{display:none!important}frame-model-options .canvas-choice-group{margin:0 0 1.4rem;min-width:0}frame-model-options .form__label{display:block;margin:0 0 .9rem;font-size:1.5rem;font-weight:600}.canvas-choice-row{display:flex;flex-wrap:wrap;gap:.8rem}frame-model-options .canvas-choice{display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:4.6rem;min-width:4.6rem;max-width:100%;padding:1rem 1.4rem;font:inherit;font-size:1.4rem;line-height:1.35;border:1px solid rgba(var(--color-foreground),.3);border-radius:.7rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;text-align:center}frame-model-options .canvas-choice[aria-pressed=true]{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 1px rgb(var(--color-foreground));background:rgb(var(--color-foreground));color:rgb(var(--color-background))}frame-model-options .canvas-choice:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}frame-model-options .canvas-choice:disabled{opacity:.5;cursor:not-allowed}frame-model-options[aria-busy=true] .canvas-choice{cursor:progress}frame-model-options .canvas-price{font-size:1.2rem}.canvas-color-dot{display:block;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid #999}.canvas-color-dot[data-color=Siyah]{background:#202020}.canvas-color-dot[data-color=Beyaz]{background:#fff}.canvas-color-dot[data-color=Ceviz]{background:#745036}.canvas-frame-info{margin-bottom:2rem}.canvas-frame-name{display:inline-block;margin:0;padding:1rem 2rem;border:1px solid rgb(var(--color-foreground));border-radius:.7rem;font-size:1.5rem;font-weight:600}.canvas-helper{font-size:1.3rem;line-height:1.5;margin:.7rem 0 0}.canvas-error{font-size:1.4rem;color:#a11e1e}@media(prefers-reduced-motion:no-preference){frame-model-options .canvas-choice{transition:background-color .15s ease,color .15s ease}}.canvas-native-options input[value$=" L (Kanvas)"],.canvas-native-options input[value=Kanvas],.canvas-native-options input[value$=" L (Kanvas)"]+label,.canvas-native-options input[value=Kanvas]+label,.canvas-native-options .cerceve-renk-cifti:has(input[value$=" L (Kanvas)"]),.canvas-native-options option[value=Kanvas],.canvas-native-options option[value$=" L (Kanvas)"]{display:none!important}frame-model-options .canvas-model-note{margin:-1rem 0 2rem}frame-model-options .frame-choice-panel{border:1px solid rgba(var(--color-foreground),.18);border-radius:.8rem;margin:0 0 .7rem}.frame-choice-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;list-style:none;padding:1rem 1.2rem;min-height:4.4rem;cursor:pointer;font-size:1.4rem;font-weight:600}.frame-choice-panel>summary::-webkit-details-marker{display:none}.frame-choice-panel>summary:after{content:"";flex:none;width:.7rem;height:.7rem;margin-inline-end:.25rem;border:solid currentColor;border-width:0 .15rem .15rem 0;transform:translateY(-.15rem) rotate(45deg)}.frame-choice-panel[open]>summary:after{transform:translateY(.15rem) rotate(225deg)}frame-model-options .frame-choice-panel>summary{gap:.7rem}.frame-choice-panel .frame-choice-summary{flex:1;min-width:0}.frame-choice-panel .frame-choice-preview{display:flex;justify-content:flex-end;flex:0 1 auto;min-width:0;gap:.3rem}.frame-choice-panel[open] .frame-choice-preview{display:none}.frame-choice-preview .frame-tile-photo{width:clamp(1.8rem,6.5vw,3rem);min-width:0;border:1px solid rgba(var(--color-foreground),.16);border-radius:.3rem}.frame-choice-panel>.canvas-choice-group{margin:0;padding:0 .8rem .8rem}frame-model-options .frame-color-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}frame-model-options .canvas-choice--frame{min-width:0;justify-content:flex-start;padding:.35rem .35rem .55rem;border-color:rgba(var(--color-foreground),.18);font-size:1.25rem}frame-model-options .canvas-choice--frame[aria-pressed=true]{border-color:#a72931;box-shadow:inset 0 0 0 1px #a72931;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.frame-tile-photo{display:block;width:100%;height:auto;max-height:9rem;aspect-ratio:1;object-fit:cover;border-radius:.45rem}frame-model-options .canvas-choice--frame .frame-tile-photo{aspect-ratio:5 / 4}frame-model-options .canvas-choice--frame .canvas-price{font-weight:600}frame-model-options .canvas-choice--frame small{font-size:1.05rem}
/*# sourceMappingURL=/cdn/shop/t/7/assets/frame-model-options.css.map */